Figma Context Mcp

Connects Claude to the Figma API and transforms design files into LLM-friendly JSON with CSS-aligned property names. Four tools: get_figma_design pulls node hierarchies with 99.5% size reduction by stripping Figma metadata, get_image_fills extracts asset URLs, render_node_images exports PNGs, and read_vector_svg grabs SVG data. Properties come back as backgroundColor and flexDirection instead of Figma's internal format, inline with each node rather than separate dictionaries. Resolves variables to actual values if you're on Enterprise. Reach for this when you want Claude to generate UI code directly from Figma links without wrestling with raw API responses. Requires a personal access token with file_content:read scope.