Multi-Framework CLI
Parse React, Vue, and Angular components with a single command. Auto-detects framework and extracts Tailwind classes, props, and structure.
Now with AI-powered parsing
Convert code to
Figma instantly
Transform your React, Vue, and Angular component libraries into editable Figma design systems. Bridge the gap between production code and design with one command.
Terminal
$ npx code2figma
🎨 Welcome to Code2Figma!
? What would you like to do? (Use arrow keys)
❯ 🔍 Parse a component file
📁 Scan directory for components
$ npx code2figma parse Button.tsx
// Parsed output
{
"name": "Button",
"type": "component",
"className": "px-4 py-2 rounded-lg bg-blue-500",
"root": { "type": "frame", "name": "button" }
}