> ## 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.
# What Makes Figr Different
> How Figr's product context and memory set it apart from prompt-based AI design tools.
Figr doesn't just generate screens. It reasons through your product's UX, then designs interfaces that match what you have built.
Most AI design tools work like autocomplete: prompt in, screen out. Figr works like a senior designer who already knows your flows, constraints, and design system.
## Product-aware designing
Other tools start from a blank prompt every time, so you re-explain everything and hope the model gets it. Give Figr your real inputs and it designs from them:
* Product specs, so Figr knows your user personas
* A screen share of your app, so Figr learns your navigation patterns
* Your design tokens, so Figr uses your real color palette
* Your analytics, so Figr knows which flows convert
## Memory that compounds
Traditional AI forgets between sessions. Figr keeps your context permanently and gets sharper with every project.
Your color tokens, typography scales, spacing, and component library. Figr uses your actual design system in every new design.
User personas, business goals, technical constraints, and roadmap. Figr designs for your situation, not generic best practices.
Analytics, heatmaps, and research findings. Figr weighs decisions against how people actually use your product.
Which patterns were chosen, what was tested, and what worked. Figr builds on what already succeeded instead of repeating experiments.
## Production-ready output
Figr exports your actual React components, not generic divs, so engineers recognize the code immediately.
```jsx theme={null}
```
Not random CSS:
```css theme={null}
.button-1234 { background: #0066cc; padding: 12px 24px; }
```
Uses your design tokens:
```jsx theme={null}
color: $color-primary-600
spacing: $spacing-lg
typography: $text-heading-sm
```
Instead of hardcoded values:
```css theme={null}
color: #1a73e8; margin: 24px; font-size: 18px;
```
Every design ships with semantic HTML, ARIA labels, and WCAG-compliant patterns, learned from your existing accessible components.
## How Figr thinks
Traditional AI takes "generate a login form" at face value. Figr reads it as "a login form for a B2B SaaS product with enterprise SSO, matching your dashboard's navigation, your checkout flow's error handling, and the progressive disclosure from your research."
Analyzes your product, design system, research, and business context.
Ties every design decision to your constraints, users, and goals.
Outputs your components and tokens, so handoff is seamless.
Remembers what works and applies it to future designs.
## What a screen share teaches Figr
Show Figr your product once and it learns your information architecture, interaction patterns, error states, and flows. No PRD required. It picks up how your navigation actually works, where users get stuck, the patterns you have already set, and the edge cases hiding in your flows.
### What product managers want
| What you need | Figr | Other AI tools |
| ------------------------- | ---------------------------------------------------- | --------------------------------------- |
| Catch edge cases early | Flags gaps before the design cycle | Build only what you explicitly ask for |
| Think through UX first | UX review and pattern matching across 200,000+ flows | Generic suggestions, no product context |
| Expert feedback on demand | Built-in UX audit and accessibility checks | Not available |
| Remember your product | Persistent memory, so you never explain twice | Start fresh every conversation |
### What designers get
| What Figr does | Your benefit |
| --------------------------------------------------- | ----------------------------- |
| UX review, edge cases, and information architecture | Fewer "we missed this" cycles |
| A high-fidelity starting point inside Figma | Refine from 95%, not 0% |
| Design-system compliance | Nothing to fix afterward |
Try product-aware designing in your first session.
