Figma To Code Mcp

This server connects Claude to the Figma API and transforms design files into CSS-aligned JSON that's 99.5% smaller than raw API responses. It exposes tools to fetch design data with CSS property names (backgroundColor, flexDirection), resolve Figma variables to actual values, export SVGs, and render nodes as PNGs. The main trick is stripping out Figma metadata LLMs don't need for code generation while keeping layout, typography, colors, and spacing intact. You'll want this when building UIs from Figma designs in Cursor or similar tools. Requires a Figma personal access token with file_content:read and library_content:read scopes. Variable resolution needs an Enterprise plan, but you can disable it otherwise.