The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
-
Updated
Nov 13, 2025 - TypeScript
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
Convert any website to editable Figma designs
Generate pages from any sketch or images.
Convert any web design screenshot to clean HTML/CSS code
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.
A WYSIWYG React component builder 🚧 Very work-in-progress
Figma → React Native
Design to Code Engine
A browser coding agent interface for selecting elements and sending instructions directly to Claude Code.
Bricks is an open source tool for converting Figma designs into high-quality frontend code.
A CLI for generating Flutter themes from Figma files
Figma to HTML/React/Vue and truly responsive
Chara Codes is an AI-powered development environment designed to streamline frontend development workflows.
Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files
This project automates the conversion of Figma designs into Python code, supporting frameworks like Tkinter, Kivy, and PyQt5. It streamlines UI development by transforming design files into fully functional, customizable Python code while preserving the original layout, colors, fonts, and components.
figma to html structure json
A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.
Add a description, image, and links to the design-to-code topic page so that developers can more easily learn about it.
To associate your repository with the design-to-code topic, visit your repo's landing page and select "manage topics."