Figma Code Connect

Connects your Figma component library to your codebase by generating template files that map design properties to code props. Point it at a Figma URL with a published component, and it walks through discovering unmapped components, fetching their properties (variants, booleans, instance swaps, slots), finding the matching React component in your code, and writing the .figma.ts template with the right property extractors. Requires the Figma MCP server running and an Organization or Enterprise plan. Honestly most useful if you're already bought into Code Connect and need to template out dozens of components without doing the tedious prop mapping by hand. Handles the fiddly bits like converting node IDs and parsing variant enums so you don't have to read the docs three times.