Figma's own designer and engineer have killed the waterfall. Gui Seiz and Alex Kern demo a live, bidirectional workflow that uses Figma's MCP server to pull a running production app directly into Figma, edit it, and push changes back to the codebase via Claude Code, no manual CSS adjustments required. The old handoff model, static files passed to engineering that are already stale on arrival, is the specific problem they are solving on camera.
The technical details are what make this worth watching in full. At the 22:31 mark they export all five states of a signup flow from production into Figma simultaneously, giving designers ground truth instead of guesses. At 29:03 they build custom Claude Code skills that automate pre-flight checks, lint fixes, and CI monitoring before anything touches production. The session also covers how to structure a codebase so AI can generate roughly 90 percent of it reliably.
The broader argument, made at 18:43, is that AI has compressed the execution middle of design work and pushed energy toward upstream planning and downstream craft. That claim has real consequences for how design and engineering teams are staffed and structured. The demos are specific enough to replicate. That is the reason to watch.
[READ ORIGINAL →]