Most teams are still passing static design files back and forth, and most Figma files are already out of date by the time they reach engineering. Gui Seiz (designer) and Alex Kern (engineer) from Figma walk through the exact workflow their team uses to bridge that gap with AI, live onscreen. They demo how to pull a running web app directly into Figma using the Figma MCP, edit it collaboratively, and push it back to code. The old linear waterfall workflow is gone. What replaces it is a fluid, bidirectional loop where design and code inform each other in real time.

What you’ll learn:

1. How to use Figma’s MCP to pull production code directly into Figma files

2. A workflow for pushing design changes from Figma back into your codebase using Claude Code without manual CSS adjustments

3. How to export multiple code states (like all five states of a signup flow) into Figma so designers can work with what actually exists in production