> ## Documentation Index
> Fetch the complete documentation index at: https://docs.figr.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Workflow order

> The best way to use Figr is NOT prompt → screen. It is product context → UX reasoning → product artifacts → design → refinement → handoff.

Go straight to screens and you get surface-level design. \
Think through the product first and the design has a reason to exist.

A strong Figr workflow usually looks like this:

1. [Set up product context](/product-intelligence/context-pods)
2. [Add product inputs](input-research/input-guide)
3. [Set up design language](/product-intelligence/design-system)
4. [Ask for a UX review](/product-thinking/review-design)
5. [Map user flows and edge cases](/product-thinking/user-flow)
6. [Create product artifacts](/getting-started/tutorial/create-prds)
7. [Generate the prototype](/getting-started/tutorial/prototypes)
8. [Refine with Select & Edit](/getting-started/tutorial/untitled-page-5)
9. [Export](/designing/export/one-click-figma) , [publish, or handoff](/export/publish)

Use this workflow especially when working inside an existing product.