Design to Code PR via Figma MCP

Let an AI coding agent read real design context (components, variables, spacing) and generate a prod. Tools: Figma, Claude Code, Other. Stage: Handoff

Tools: Figma, Claude Code, Other. Stage: Handoff

1. **Enable Figma MCP Server** in Dev Mode (desktop or remote MCP). 2. **Connect Claude Code via MCP** so it can query Figma components/variables directly. 3. Ask Claude Code to **implement a screen** (map tokens → code, generate components, wire props). 4. Claude creates a **PR** with changes + notes; engineers review like normal.

Open full workflow