TLDR Tech / Design
From Claude Code to Figma: Turning production code into editable Figma designs
Figma now lets teams capture working UIs built in Claude Code—whether from production, staging, or localhost—and instantly convert them into fully editable Figma frames, bridging fast code-based prototyping with collaborative canvas-based exploration. This enables side-by-side comparisons, easier iteration without rewriting code, earlier cross-functional decision-making, and shared direction, while also supporting a roundtrip workflow back into development via the Figma MCP server, creating a fluid loop between building in code and refining together in design.
Read the full story