Command Palette
Search for a command to run...
design to code(5)
tagged resources
design to code Resources
Figwright
newOpen-source bridge between AI agents and Figma that reads selections into framework-aware code and writes changes back to the canvas through a local MCP server and Figma plugin.
Fusion 1.0 by Builder.io
Fusion 1.0 closes the designer-to-developer gap with context-aware AI code generation from Figma designs plus Slack conversations. Understands your team's existing codebase and patterns to generate production-ready components without the usual handoff friction.

OpenPencil
Open-source, AI-native vector design canvas with prompt editing, diffable JSON files, MCP access, and code export for React, SwiftUI, Flutter, and other frameworks.
Sendra
newFigma plugin that turns email designs into responsive, email-safe HTML with mobile and dark-mode overrides. Preview desktop and mobile layouts, then copy HTML or export a package for major email platforms.
Wonder: AI design canvas backed by code
Design tool where you generate and edit on a canvas that maps 1:1 to React and Tailwind code, so there is no handoff. Ships an MCP server to connect Cursor, Claude Code, or Codex. Public alpha; free tier available.
