Top 12 Open-Source Alternatives to Figma

Product categories

AI CMS CSS Framework Design Collaboration Design Prototyping Design Tools Developer Tools 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 106 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 868 social mentions
Macaw Landing Page
4

Macaw

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

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
6

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 326 social mentions
Wireflow Landing Page
7

Wireflow

Create beautiful flowcharts
Pricing:
- Open Source
#Design Tools #Flowcharts #Prototyping 2 social mentions
React Proto Landing Page
8

React Proto

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

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
10

Atomic

The fastest way to design beautiful interactions
Pricing:
- Open Source
#Design Tools #Prototyping #Design Collaboration
Vue Design System Landing Page
11

Vue Design System

An open source tool for building Design Systems with Vue.js
Pricing:
- Open Source
#Design Tools #Website Design #Prototyping
CodePush Landing Page
12

CodePush

CodePush is a cloud service that enables Cordova and React Native developers to deploy mobile app updates directly to their users' devices.
Pricing:
- Open Source
#Design Prototyping #Website Design #Developer Tools 5 social mentions