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.

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

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.

Builder.io for VSCode - turn designs into 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

Using Imgcook force in your terminal

Figma to HTML/React/Vue and truly responsive

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

Design system guardian for code. Anchors to design system, catches drift in React/Vue/Tailwind, reviews PRs automatically. Free for open source.

Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)

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.

Design superpowers for AI coding agents. 35 skills, 5 layers, 7 framework targets. Ideation, batch generation, design systems, iteration loops, and production conversion via Google Stitch MCP. Claude Code plugin + Codex CLI agent. The design intelligence layer your agent was missing.