Implement Design

Translate Figma designs into production-ready code with pixel-perfect accuracy via the Figma MCP server. Supports read (design context, screenshots, assets) and write (create/update canvas nodes) workflows.

Prerequisites

• Figma MCP server connected and accessible
• Figma URL in format https://figma.com/design/:fileKey/:fileName?node-id=1-2
  • Or with figma-desktop MCP: select a node directly in the Figma desktop app (no URL required)

Setup (if MCP not configured)

1. codex mcp add figma --url https://mcp.figma.com/mcp
2. Set [features].rmcp_client = true in config.toml or run codex --enable rmcp_client
3. codex mcp login figma
4. Tell user to restart codex after login

Upstream: Figma Make