Skip to main content
Quick path from signup to a generated prototype. For the full setup, see Add product context.
1

Create your account

Sign up at figr.design and create a new project.
Signup and new project screen

Signup and new project

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. The full setup lives in Add product context.
Adding product context to a project

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. Keep it simple here; for ready-made prompts see the Prompt Library.
Prompt box with attachment options

Prompt box with attachments

4

Let Figr design

Figr reasons through the flow and generates a high-fidelity prototype that follows your design language.\
High Fidelity Prototype

Generated prototype

5

Review and refine

Edit specific parts without regenerating the whole screen. See Edit without regenerating.
Reviewing and refining a generated screen

Ask for a change in chat and refine in place

6

Export or share

Hand off to Figma, a shareable link, an image, or code. See Export to Figma.
Export to Figma, link, image, or code

Export and share options

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

​
Next

Add product context

The full setup that makes Figr product-aware.

Export to Figma

Take your prototype into Figma for handoff.