Skip to main content
Select an item on the canvas and open Export to take its output out of Figr. The options depend on the item type.

​
The code

Prototypes are real front-end code in React or Angular, built with your design system’s components when one is attached. To read the code first, open the prototype in Full screen and switch on Code.
Download code option on a selected prototype

Code options for a prototype

To build with it in your own codebase, use Open in coding agent instead. Your agent reads the design, your components and the reasoning behind them through Figr MCP.
Don’t send a vague idea to engineering. Use Figr to settle the flow, states and design direction first, then hand off.

​
Next

Figr MCP

Hand a design to a coding agent.

Export to Figma

Send screens to Figma.