The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

• UpdatedDec 17, 2025
• TypeScript

Convert any website to editable Figma designs

• UpdatedAug 19, 2025
• TypeScript

Generate pages from any sketch or images.

• UpdatedOct 31, 2023

Convert any web design screenshot to clean HTML/CSS code

• UpdatedDec 17, 2025
• TypeScript

Flame is an open-source multimodal AI system designed to translate UI design mockups into high-quality React code. It leverages vision-language modeling, automated data synthesis, and structured training workflows to bridge the gap between design and front-end development.

• UpdatedMar 26, 2025
• Python

A WYSIWYG React component builder 🚧 Very work-in-progress

• UpdatedJun 25, 2024
• TypeScript

Figma → React Native

• UpdatedOct 7, 2025
• TypeScript

Design to Code Engine

• UpdatedJan 18, 2025
• TypeScript

A browser coding agent interface for selecting elements and sending instructions directly to Claude Code.

• UpdatedNov 23, 2025
• TypeScript

Builder.io for VSCode - turn designs into code!

• UpdatedJun 3, 2025
• TypeScript

Bricks is an open source tool for converting Figma designs into high-quality frontend code.

• UpdatedAug 8, 2023
• TypeScript

A CLI for generating Flutter themes from Figma files

• UpdatedNov 20, 2025
• Dart

Using Imgcook force in your terminal

• UpdatedDec 12, 2022
• JavaScript

Figma to HTML/React/Vue and truly responsive

• UpdatedMar 15, 2024
• SCSS

Chara Codes is an AI-powered development environment designed to streamline frontend development workflows.

• UpdatedNov 16, 2025
• TypeScript

Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files

• UpdatedApr 6, 2023
• TypeScript

This project automates the conversion of Figma designs into code, supporting frameworks like Tkinter, Kivy, PyQt5, Java Swing, and C++ QT. It streamlines UI development by transforming design files into fully functional, customizable code while preserving the original layout, colors, fonts, and components.

• UpdatedNov 25, 2025
• Python

A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.

• UpdatedSep 17, 2024
• TypeScript

figma to html structure json

• UpdatedMay 16, 2022
• TypeScript

UI design of professional designers converted in flutter code. Check out different folders for source code. For design credits, do check out README.md of a specific project folder.

• UpdatedDec 14, 2023
• Dart