Open source Figma alternatives
Every project in the catalog is MIT, Apache or BSD licensed. 2 projects explicitly describe themselves as a Figma alternative; 9 more are in the category where Figma is a typical product.
Projects that call themselves a “Figma alternative”
Source: the project's GitHub description or README.
onlook
100onlook-dev · Low-Code & App Builders
Alternative to (project's own claim): Bolt.new, Lovable, V0, Replit Agent, Figma
Common commercial products in this category: Bubble, OutSystems, Mendix
- Using text or visual, you create a new Next.js application in seconds.
- Using the Figma-like interface, you edit your application visually to the browser DOM.
- With the real-time code editor, you manage code and design simultaneously.
- • NeutralHacker News
Show HN: Onlook – Open-source, visual-first Cursor for designers
“Insane work. For sure the middle ground between Figma and Cursor thats been missing. Happy to be powering Fast Applies in Onlook!”
Verified against README · Oct 26, 2026 · source
open-pencil · Figma Alternatives / Design
Alternative to (project's own claim): Figma
Common commercial products in this category: Sketch, Adobe XD
- Opens, edits and saves design files in Figma and Pencil format directly
- Create designs and make changes with over 90 AI tools via the chat interface
- Using Headless CLI and XPath queries, you programmatically examine and query design files
- • NeutralHacker News
OpenPencil – AI-native design editor. Open-source Figma alternative
“Penpot is the established alternative to Figma. OpenPencil compared themselves with Penpot here: One thing to add is that the ecosystem does provide a desktop version for PenPot, but the comparison does not acknowledge that. Still good they put in the effort to give a…”
- ↑ PositiveHacker News
OpenPencil: Open-source vector design tool controlled by AI Agents
“Hey! I'm the creator of OpenPencil, and I'm super excited to share it with you today. We are entering the era of AI Agents, but our design tools are still stuck in the GUI era. We are constantly downloading "final_v9.fig" and manually clicking to tweak UI elements. I wanted to…”
Open source projects in the same category: Figma Alternatives / Design
Category-level information: these projects are the same kind of software as Figma; they have not claimed to be a one-to-one replacement.
Excalidraw
100excalidraw · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- You draw diagrams and wireframes in hand drawing style on endless canvas
- Export your work in PNG, SVG or .excalidraw JSON format
- Share your drawings with others through end-to-end encrypted links
- • High number of open issues (3,447)
- • NeutralHacker News
Why is Excalidraw so good?
“A lot of people use things like Excalidraw also on their tablets. (mostly iOS and Android) How is this helping? This whole cosmopolitan-fanboy'ism is completely ignoring my initial statement. What are you trying to bring to the table here? Sorry if I sound harsh, but you are…”
- ↑ PositiveHacker News
I use Excalidraw to manage my diagrams for my blog
“I want to love Excalidraw but it can be really frustratingly mediocre a lot of the time. For example, I'm constantly retrying to rescale something and then an arrow repositions or resizes itself, which reveals some kind of mistake in the underlying data model. Or undo/redo just…”
Verified against README · Oct 26, 2026 · source
nexu-io · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- Using DeepSeek Harness or OpenAI compatible models, you create interface prototypes, presentations, and live panels.
- You manage brand-specific design systems through DESIGN.md files and plugins.
- Export the designs you have prepared in HTML, PDF, PPTX or MP4 formats.
- • High number of open issues (1,318)
Verified against README · Oct 26, 2026 · source
Mermaid
100mermaid-js · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- You can create more than 20 different types of diagrams using Markdown-like text definitions.
- Using the live editor, you can quickly develop prototypes without requiring any design tools.
- You can version the diagrams as code and incorporate them into the documentation processes.
- • High number of open issues (2,022)
- • NeutralHacker News
Include diagrams in your Markdown files with Mermaid
“> The spirit of Markdown is succinctly described on DF's Markdown project website. > "Markdown allows you to write using an easy-to-read, easy-to-write plain text format." The third/fourth person to quote the original article while failing to acknowledge this paragraph from the…”
- • NeutralHacker News
Include diagrams in your Markdown files with Mermaid
“Readable by humans is relative. Mermaid does not make it unreadable to some humans. Again, you are free to create an alternative that makes it more readable. Some could say that adding tables to markdown makes it unreadable. There are lot of extensions for markdown that adds…”
Verified against README · Oct 26, 2026 · source
Graphite
100GraphiteEditor · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- With this free and open-source engine that runs directly on your browser, you create vector and raster graphics
- You use a non-destructive stream of editing that combines layer-based splicing with node-based generative design
- Prepare interactive moving graphics with node-based procedural graphics engine
- • NeutralHacker News
Show HN: Graphite, a Blender-inspired 2D procedural design Rust app
“Krita is a painting application. Graphite is a vector editing application. There is currently no overlap between the two apps. We intend to eventually build a painting application workflow, but that isn't something we're focused on yet and we'll likely prioritize other area…”
- • NeutralHacker News
Show HN: Graphite, a Blender-inspired 2D procedural design Rust app
“Yes, and furthermore, Inkscape doesn't even have its own file format. You save your work to SVG. So the entire program is intrinsically tied to the SVG spec, and won't ever expand beyond that. It wouldn't be a good base to try and extend into a highly generalized program meeting…”
Verified against README · Oct 25, 2026 · source
Markmap
87markmap · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- You convert titles from Markdown files into visual mind maps
- Display maps via VS Code or other supported editors
- In the online trial at markmap.js.org/repl, you can write the text Markdown and view it as a mind map without installation.
- • NeutralGitHub Issue
Add parse options to include / exclude nodes by types
“There are nodes or parts that we may or may not want to render: - code blocks - images - ... We need an option for the parser (markmap-lib) to know whether a node should be included in the result.”
- ↑ PositiveGitHub Issue
Fit graph in resized svg
“Hi, I've been working markmap for a couple of days now and I'm unable to find a good way to fit the graph into a resized sag without doing dirty code. Can you help me out? My Idea: * Load an arbitrary markdown content * Use available width completely * Adjust height according to…”
Verified against README · Oct 25, 2026 · source
Penrose
95penrose · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- You can create and examine diagrams directly without installation via the browser
- You can define custom visualizations by writing your own domain, Substance, and Style files
- You can generate high-quality schemes for technical concepts through text-based notations
- • NeutralHacker News
Penrose – Create diagrams by typing notation in plain text
“> Importantly, Penrose's vision is that experts will author libraries of domains and styles, and end-users need only express the substance of their diagrams (i.e. the three lines of code above). In that case, would it be a good idea to start the tutorial with some predefined…”
- • NeutralHacker News
Penrose – Create diagrams by typing notation in plain text
“Yeah :( To be honest, I think we got a bit overeager about this one, since none of us on the project are chemistry experts. At least for the front page, we should probably replace that with a different diagram from our registry. I think this is actually a fairly deep issue with…”
JimLiu · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- Yerel kod ajanının içinden arayüz taslakları ve prototipleri tek dosyalık HTML olarak üretebilirsin.
- Düzenlenebilir slayt destelerini PDF, HTML veya PowerPoint olarak dışa aktarabilirsin.
- Tuval üzerinde artboard'larla çalışan prototipler oluşturup yerel editörde düzenleyebilirsin.
Verified against README · Oct 29, 2026 · source
Grida
95gridaco · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- You convert .fig files or REST API JSON data into PNG, JPEG, WebP, PDF or SVG format without needing a browser in the Node.js environment.
- You run website creation processes with DOM-based React workflows.
- You can work with Grida database/CMS and form tools by connecting your Supabase project (tables, views, storage, authentication).
Verified against README · Oct 25, 2026 · source
figpot
80betagouv · Figma Alternatives / Design
Common commercial products in this category: Figma, Sketch, Adobe XD
- Converts Figma files and variants to Penpot format one time
- By keeping the Figma as the only real resource, you transfer the design system to Penpot with incremental transfers.
- During synchronization, you protect unique identifiers, preventing file connections from being broken
- • Few contributors (1)
- ↓ NegativeGitHub Issue
Application terminates gracefully
“## Current Behavior ``` the figma document contains around 11488 elements Exiting the application gracefully after having encountered an error... AssertionError [ERR_ASSERTION]: fallback due to slow official assert otherwise at g…”