Top 12 Open-Source Alternatives to Figma

Figma

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

4.5

(4 reviews)

Post a review

Add video

Visit website Status Page

Verify Figma Edit

Product categories

AI CMS CSS Framework Design Collaboration Design Tools Developer Tools Diagrams Flowcharts Prototyping Website Builder Website Design Wireframing

Summary

The top open-source alternatives to Figma are Framer, Penpot, and Tailwind CSS. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Framer Landing Page
1

Framer

🔥 Design real websites right on the canvas.
Pricing:
- Open Source
#Design Tools #Website Design #Website Builder 18 social mentions
Penpot Landing Page
2

Penpot

Design freedom for teams
Pricing:
- Open Source
#Web App #Design Tools #User Experience 107 social mentions
Tailwind CSS Landing Page
3

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 874 social mentions
Macaw Landing Page
4

Macaw

Macaw: The Code-Savvy Web Design Tool
Pricing:
- Open Source
#Prototyping #Website Design #Design Collaboration
Wireflow Landing Page
5

Wireflow

Create beautiful flowcharts
Pricing:
- Open Source
#Flowcharts #Design Tools #Wireframing 2 social mentions
mockingbird Landing Page
6

mockingbird

Mockingbird helps you you create and share clickable wireframes. Use it to make mockups of your website or application in minutes.
Pricing:
- Open Source
#Prototyping #Flowcharts #Diagrams
Bootstrap Landing Page
7

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#Developer Tools #Design Tools #Web Frameworks 329 social mentions
Visily Landing Page
8

Visily

The easiest and most powerful wireframe software for agile teams.
Pricing:
- Open Source
- Free
- Free Trial
#Design Tools #Prototyping #Productivity 5 social mentions
Atomic Landing Page
9

Atomic

The fastest way to design beautiful interactions
Pricing:
- Open Source
#Prototyping #Design Tools #Design Collaboration
teleportHQ Landing Page
10

teleportHQ

teleportHQ is a platform and a suite of open-source tools built for user interface professionals.
Pricing:
- Open Source
#Website Builder #Design Collaboration #No Code 11 social mentions
Bulma Landing Page
11

Bulma

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 109 social mentions
React Proto Landing Page
12

React Proto

React application design and prototyping tool
Pricing:
- Open Source
#Prototyping #Design Collaboration #Design Tools 1 social mentions