Figma Workflow Lab connects flow planning with agent-ready design
Flows, variables and production components add context beyond screenshots.
The update
Figma’s August sample workflow uses the fictional learning app Radicle to show agents moving between design and code.
In the design workflow
It plans states and transitions, then supplies components and variables through MCP and Code Connect. This is an illustrative scenario, not a customer-results report.
srefly perspective
Include empty, error and undo states before handoff; a polished primary screen cannot explain the entire interaction.
Need help installing or using SREFLY?Visit the support center →
Original sources
Sources verified: 2026-09-09 · Article date reflects SREFLY’s editorial publication.
- Figma official source ↗
Figma · Source published: 2026-08-26
Keep reading
Save the image, then add your Prompt and SREF
Start with an image you like. Keep its source, Prompt and style reference together so you can find them again when you create.
Organize your next project with collections and tags
Collections describe where an image will be used. Tags describe its qualities. Keep your inspiration library easy to find and organize with simple categories.