Software Alternatives, Accelerators & Startups

Figma VS p5.js

Compare Figma VS p5.js and see what are their differences

Figma logo Figma

Team-based interface design, Figma lets you collaborate on designs in real time.

p5.js logo p5.js

JS library for creating graphic and interactive experiences
  • Figma Landing page
    Landing page //
    2023-04-19
  • p5.js Landing page
    Landing page //
    2023-07-22

Figma videos

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

More videos:

  • Demo - What is Figma

p5.js videos

Processing or p5.js? My opinions

More videos:

  • Review - Q&A #1: Side-Scroller in p5.js
  • Tutorial - 17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

Category Popularity

0-100% (relative to Figma and p5.js)
Design Tools
100 100%
0% 0
Javascript UI Libraries
0 0%
100% 100
Prototyping
100 100%
0% 0
Charting Libraries
0 0%
100% 100

User comments

Share your experience with using Figma and p5.js. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare Figma and p5.js

Figma Reviews

  1. Everything you need for design

    My favorite tool right now.

  2. Figma: An Essential Tool for Web Designers and Collaborators

    Figma, a versatile cloud-based design software, stands out among design tools due to its real-time collaboration feature. It caters not only to web design but also to print projects. Offering an intuitive interface and powerful features, it allows simultaneous editing, eliminating the hassle of file sharing. Figma's adaptability covers website, mobile app, and print layout design, supported by an array of customizable templates.

    Beyond designers, collaborators benefit from Figma's capabilities too. Project managers and clients can offer real-time feedback, streamlining reviews and expediting project progress. Its pricing model, featuring a free version with limited features and a paid option, suits various budgets, ensuring accessibility to freelancers and larger agencies alike.

    Core features like real-time collaboration, prototyping, and reusable design elements distinguish Figma. These features facilitate efficient design iterations, ensuring consistency and enabling users to test ideas before development. The tool's emphasis on seamless collaboration makes it a valuable asset for teams, fostering clear communication through comments directly on the design file.

    🏁 Competitors: Adobe XD, Framer, Sketch, Moqups
    👍 Pros:    Real-time collaboration|Versatility|Intuitive user interface|Feedback and communication|Prototyping capabilities|Accessibility
    👎 Cons:    Learning curve|Internet dependency|Limited free version|Security concerns|Complexity in large projects
  3. The best designing app for your website!

    It is user friendly app with alot of modern features which give your website a cool look

    🏁 Competitors: Adobe Illustrator
    👍 Pros:    Easy to use|User friendly interface
    👎 Cons:    Expensive

10 Best Figma Alternatives in 2024
Figma is the preferred tool of many professionals in the field of interactive design, real prototyping and graphic design. Figma simplifies and speeds up the brainstorming process with its online whiteboards and loaded frames. There are other collaborative design and prototype platforms available except Figma, which is definitely among the best. It’s too difficult for some...
Top 10 Figma Alternatives for Your Design Needs | ClickUp
Whatever your reason for seeking a Figma alternative, there are plenty of options that can help you ace the design game. In this article, we’ll introduce you to the top 10 Figma alternatives, discuss their pros and cons, and help you find the best solution for your design workflows.
Source: clickup.com
Figma Alternatives: 12 Prototyping and Design Tools in 2024
Prototyping is a concept where you and your team draft a version of a product. For many designers, Figma is the go-to design platform to do this. However, if you’re looking for an alternative to Figma, look no further, as we’ll list 12 of the best prototyping and design tools available in 2023.
5 Figma Alternatives for UI & UX Designers
I think it’s a fair assessment that more than people being upset about Adobe having acquired Figma, it’s the fear of losing access to these community-curated resources. Integrating a community aspect might prove beneficial, whether you’re a paid or free design tool. And even more so if the day does come when Adobe decides to pull the plug on Figma and stuff it inside...
Source: stackdiary.com
16+ Best Web Design Software in 2022 (Ranked by a Trusted Expert)
The free version of Figma can be used forever, which is nice since other programs like Ghost and Abode Dreamworks only offer a free trial period. Additionally, what makes Figma stand out is that its premium plans are free for students and educators.

p5.js Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)
A JS client-side library for creating graphics and interactive experiences, based on the core principles of Processing to make coding accessible to artists, designers and educators. Beyond drawing, this project provides offers web audio functionality, collision detection and even generation of graphical user interfaces from p5.js sketches.
8 Best Free and Open-Source Drawing Libraries in JavaScript
The p5.js library is a great option for people who are looking for a library that doesn't have a steep learning curve, but which can create very complicated systems if necessary. The get started with P5.js page on the official website has a functional example that draws circles wherever you move your mouse in only a few lines of code.

Social recommendations and mentions

p5.js might be a bit more popular than Figma. We know about 137 links to it since March 2021 and only 101 links to Figma. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Figma mentions (101)

  • How to build a Good Portfolio Website - My Approach.
    Planning and Design: Adobe Xd (but you can also try Figma). - Source: dev.to / 4 months ago
  • Ask HN: What's the best way to write a book in Markdown?
    Hey, I've wrote a few books (https://kerkour.com/books) with only markdown, https://excalidraw.com and https://figma.com I've detailed my complete setup and shared the Dockerfile that I use to convert the markdown into ebooks (EPUB, PDF and Kindle) on my blog: https://kerkour.com/book-self-publishing-pandoc. - Source: Hacker News / 8 months ago
  • Build Products that don’t SUCK
    Create a low-fidelity mockup or wireframe of your MVP using tools like Balsamiq, Sketch, or Figma. Or use an easier-to-use tool like Uizard, which also has text-to-design capabilities. Source: 11 months ago
  • Syncing Figma Variables and StyleDictionary with GitHub Actions
    Figma recently announced its new Variables product, allowing you to define and manage your design tokens directly within Figma. I have been experimenting with Figma Variables for a few weeks and am reasonably impressed with how it works. In this article, I'll share how I've been using Figma Variables to support my design projects and how I've been syncing them with my codebase with GitHub Actions and... - Source: dev.to / 11 months ago
  • The Legend of Zelda: Tears of the Kingdom - Figma Link Figure Revealed: TotK Ver. Goodsmile
    Did anyone else think of Figma the design software or is it just me? https://figma.com. Source: 12 months ago
View more

p5.js mentions (137)

  • HyperCard Simulator
    If you're looking for digital interactives that are easy, you might like p5.js. https://p5js.org/ Flash went away faster than a replacement emerged. When Flash went away, it was very clear to me that if HTML5 at that time was the future and it's immediate replacement, we were screwed. If you're looking for something that could build next, Flutter seems to be carrying on the promise of one codebase to run on... - Source: Hacker News / 4 days ago
  • Battlesnake Challenge #2 - JavaScript
    JavaScript is everywhere. Not only is JavaScript on every layer of the tech stack (frontend/middleware/backend), but you can also find JavaScript in every software domain. No matter if you want to do command-line tools, creative coding, or machine learning, you can do it in JavaScript. Because JavaScript is so ubiquitous, as a developer it’s the best career choice you can make. - Source: dev.to / about 1 month ago
  • Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call
    The Processing Foundation is thrilled to announce the open call for pr05 (pronounced “pros”), a new grant and mentorship initiative designed to support the professional growth of early to mid-career software developers through hands-on involvement in open-source projects. This is a unique opportunity to grow as a developer while making a tangible impact on software projects used by millions of creatives, artists,... - Source: dev.to / about 1 month ago
  • How to build an associative graph using React + p5
    I'm using the JavaScript graphics library p5 inside a react component, like so:. - Source: dev.to / about 2 months ago
  • Turbo Pascal Turns 40
    Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / 7 months ago
View more

What are some alternatives?

When comparing Figma and p5.js, you can also consider the following products

Adobe XD - Adobe XD is an all-in-one UX/UI solution for designing websites, mobile apps and more. 

Three.js - A JavaScript 3D library which makes WebGL simpler.

Invision - Prototyping and collaboration for design teams

Pixi.js - Fast lightweight 2D library that works across all devices

Sketch - Professional digital design for Mac.

Processing - C++ and Java programming at the speed of thought.