HTML to Figma — Design System

Bridges Claude to your Figma design system to generate production-ready screens from prompts or HTML. Runs a local bridge and plugin that scans your enabled Figma libraries, extracts components and variables, then builds canvas output with real component instances, variable bindings, and auto-layout. Learns patterns across builds and enforces design rules you correct it on. After each build it audits what was used versus what had to be built as primitives, surfacing coverage gaps with evidence. Works with any Figma library: team systems, community kits, or client files. Output is the deliverable, not a prototype you rebuild. Requires Node 20.6+, Figma desktop, and Professional plan or above.