The missing piece of the AI + Figma loop. Create and edit designs directly on the Figma canvas from Claude, Cursor, VS Code, or any MCP app. One command. No API key. No plugin. Just npx tellfigma.
Bidirectional sync between Pencil.dev designs and frontend code via Claude Code
MCP server that lets an AI agent write real designs onto a Figma canvas
Convert self-contained HTML — including Claude designs — into native, editable Figma layers. Frames or Slides, 100% local.
Turn a live web page into editable Figma layers. Your own headless Chrome, no hosted renderer, no per-import quota.
Live two-way bridge between a running web app and Figma. Push screens as auto-layout frames; Figma edits go back into the code, code edits update Figma. A fork of Figma Console MCP.
Design system I build, version and publish
To associate your repository with the code-to-design topic, visit your repo's landing page and select "manage topics."