Skip to main content
The quick path from signup to a generated prototype. For the full setup, see Set up a Context Pod.
1

Sign up and create a canvas

Sign up at figr.design, finish onboarding, then click New canvas. You can pick a Context Pod and a design system for the canvas as you create it, so Figr starts with your product’s context and components.
The new canvas screen

Start a new canvas

2

Add a little product context

Bring in one screen, recording, doc or link so Figr understands your product. A single source already makes the output feel like your product instead of a blank-slate prompt.
Add your product details screen with the five source options

Add one source to make Figr product-aware

3

Describe what you want

Write a short prompt for the screen or flow you need, and attach any context. Say who it’s for, what they need to do, and which states matter.
Chat box with attachment options

Chat box with attachments

4

Let Figr design

Figr reasons through the flow and builds a high-fidelity prototype in your design system.
A generated high-fidelity prototype

Generated prototype

5

Review and refine

Ask for changes in chat, or click Edit on the prototype to change one part without regenerating the rest. See Manual edit.
Edit panel showing the properties of a selected element

Refine in chat or edit in place

6

Export or share

Send screens to Figma, publish a link, download images or code, or open the design in a coding agent. See Export options.
Export menu on a selected prototype

Export and share options

The more product context you add, the closer the output matches your product. Once you’ve run through this, set up your full product context and design system.