What the design-to-code loop unlocks
May 12, 2026Anja Laubscher

Summary
This post details how AI is collapsing the distance between design and engineering by enabling a more semantic translation between canvas and code. It introduces a bidirectional workflow where designers can take code to canvas and developers can take canvas to code, making teams more self-serve. It also highlights the ability to import real data into Figma for higher fidelity and closer synchronization between design and code, and discusses how AI agents can accelerate large-scale code refactoring and development tasks.
More from the Figma Make Visual Editor trail
- How to lighten design system upkeep with the Figma agent
- Workflow lab: Staying in the flow with Figma’s agent
- 3 ways product designers use the Figma agent for craft, speed, and creative expression
- How Coinbase used Code Connect to guide agents and shrink token costs
- Behind the build: Generative plugins and shaders at Figma