Top 7 Open-Source Alternatives to Figma Auto Layout

Product categories

CSS Framework Design Collaboration Design Tools Developer Tools Development Tools IDE Low Code Portfolio Builder Prototyping Software Development Tech Website Design

Summary

The top open-source alternatives to Figma Auto Layout are Visual Studio Code, BlueLibs, and Bootstrap. 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.

Visual Studio Code Landing Page
1

Visual Studio Code

Build and debug modern web and cloud applications, by Microsoft
Pricing:
- Open Source
#Text Editors #IDE #Software Development 1011 social mentions
BlueLibs Landing Page
2

BlueLibs

BlueLibs is a collection of open source products designed to create the best possible experience for starting new projects, by offering rapid prototyping tools and a set of modules to fit the most demanding projects.
Pricing:
- Open Source
#Developer Tools #Design Tools #Prototyping
Bootstrap Landing Page
3

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
Vue Design System Landing Page
4

Vue Design System

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

React Proto

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

Framer

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

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