# Figr AI Docs ## Docs - [Credits & Usage](https://docs.figr.design/account/credits-usage.md): Understand Figr's credit system, monitor your usage, and optimize your subscription for maximum value. - [Team Management](https://docs.figr.design/account/team-management.md): Add team members, assign roles, manage permissions, and optimize collaborative workflows in Figr. - [Troubleshooting](https://docs.figr.design/aryan.md): Fixes for the most common Figr issues: design system, edge cases, prompts, and Figma export. - [Item Actions](https://docs.figr.design/canvas/action-items.md): Quick actions for any item you select on the Canvas, plus deeper actions in full screen. - [Canvas overview](https://docs.figr.design/canvas/canvas-overview.md): The canvas is your visual workspace where context, artifacts, and prototypes live together. - [History and Layers](https://docs.figr.design/canvas/history-layers.md): Find, review, or return to anything on the Canvas with version history, Layers, and Activity. - [Organize Canvas Work](https://docs.figr.design/canvas/organize.md): Keep a crowded project scannable with sticky notes, comments, sections, and connector lines. - [Changelog](https://docs.figr.design/changelog.md): Latest updates, new features, and improvements to the Figr platform. - [Design System](https://docs.figr.design/design-intelligence/design-system.md): Your design system is the visual foundation Figr uses for every screen it generates. Once set up, every color, font, spacing value, and component Figr ships is grounded in your actual tokens, not generic defaults. - [Context Pod](https://docs.figr.design/design-intelligence/product-context.md): Context Pod is where Figr stores everything it knows about your product. Once set up, every flow, edge case, prototype, and suggestion Figr generates is grounded in how your product actually works, not generic AI assumptions. - [Memories](https://docs.figr.design/design-intelligence/product-memory.md): Figr remembers your product, your patterns, and your preferences. Every conversation makes it smarter. - [Comparing Designs](https://docs.figr.design/designing/canvas/comparing-designs.md): Effectively compare design alternatives to make informed decisions and build stakeholder consensus. - [Infinite Workspace](https://docs.figr.design/designing/canvas/infinite-workspace.md): Explore Figr's infinite canvas that adapts to your design process and team collaboration needs. - [Organizing Iterations](https://docs.figr.design/designing/canvas/organizing-iterations.md): Structure your design evolution and iteration cycles for clear progress tracking and decision making. - [Co-Editing Live](https://docs.figr.design/designing/collaboration/co-editing-live.md): Enable real-time collaborative editing with live cursors, simultaneous edits, and seamless team coordination features. - [Permissions](https://docs.figr.design/designing/collaboration/permissions.md): Configure detailed permission systems for team roles, project access, and collaborative workflows in Figr. - [Share Links](https://docs.figr.design/designing/collaboration/share-links.md): Create secure, customizable sharing links for design reviews, stakeholder feedback, and team collaboration. - [Automatic Matching](https://docs.figr.design/designing/design-system/automatic-matching.md): Figr automatically identifies and applies your design patterns, ensuring consistency and suggesting improvements across all designs. - [Setting Tokens](https://docs.figr.design/designing/design-system/setting-tokens.md): Configure design tokens to ensure consistent visual language across all AI-generated designs and team collaboration. - [Click to Refine](https://docs.figr.design/designing/edits/click-to-refine.md): Make precise adjustments to AI-generated designs through intuitive click-based editing and contextual refinements. - [Micro Improvements](https://docs.figr.design/designing/edits/micro-improvements.md): Make small but impactful design refinements that significantly enhance user experience and interface polish. - [High-Res Images](https://docs.figr.design/designing/export/high-res-images.md): Export crisp, high-quality images and assets optimized for different platforms, devices, and use cases. - [One-Click Figma](https://docs.figr.design/designing/export/one-click-figma.md): Seamlessly export your Figr designs to Figma with perfect fidelity and maintained component relationships. - [Ship-Ready Designs](https://docs.figr.design/designing/export/ship-ready-designs.md): Export complete, production-ready design packages with specifications, assets, and implementation guidance for seamless developer handoff. - [Benchmark Competitors](https://docs.figr.design/designing/ideation/benchmark-competitors.md): Systematically analyze competitor products to identify opportunities and best practices for your design strategy. - [Draft PRDs](https://docs.figr.design/designing/ideation/draft-prds.md): Generate comprehensive product requirement documents from user insights and competitive analysis. - [Pre-Design Exploration](https://docs.figr.design/designing/ideation/pre-design-exploration.md): Explore design concepts and validate ideas before committing to detailed interface design. - [Process User Data](https://docs.figr.design/designing/ideation/process-user-data.md): Transform raw user research and analytics into actionable design insights and requirements. - [CSV Import](https://docs.figr.design/designing/input/csv-excel-import.md): Import structured data to create realistic, data-driven designs with actual content and user scenarios. - [Links & Notes](https://docs.figr.design/designing/input/links-and-notes.md): Add contextual links and notes to provide Figr with comprehensive product understanding and design guidance. - [PDF Processing](https://docs.figr.design/designing/input/pdf-processing.md): Import PDFs, design specs, and documents to build comprehensive product context for Figr's AI. - [Screen Sharing](https://docs.figr.design/designing/input/screen-sharing.md): Share your screen with Figr to provide the deepest possible product understanding through live product demonstration. - [Screenshots & Images](https://docs.figr.design/designing/input/screenshots-images.md): Upload screenshots and images to build Figr's visual understanding of your product and design context. - [Building on Existing](https://docs.figr.design/designing/interface/building-on-existing.md): Extend and enhance your current product interfaces while maintaining consistency and user familiarity. - [Creating New UI](https://docs.figr.design/designing/interface/creating-new-ui.md): Design completely new interface areas that feel cohesive with your existing product while serving new user needs. - [Product Context](https://docs.figr.design/designing/interface/product-context.md): Leverage Figr's deep product understanding to create interfaces that perfectly fit your specific users, constraints, and business objectives. - [Assets & Retention](https://docs.figr.design/designing/memory/assets-retention.md): Manage how Figr stores, organizes, and retains your design assets and product knowledge over time. - [How Global Memory Works](https://docs.figr.design/designing/memory/how-global-memory-works.md): Understand Figr's persistent memory system that learns and remembers your product context across all projects and sessions. - [Figr MCP](https://docs.figr.design/docs/design-intelligence/figr-mcp.md): Connect Figr to AI coding assistants like Claude, Cursor, and others. Access your designs, artifacts, and project context directly from your development environment. - [Legal for Enterprise](https://docs.figr.design/docs/security-and-legal/enterprise-legal.md) - [Copy and Download](https://docs.figr.design/export/copy-download.md): Copy a node as an image, export a high-resolution PNG, or download its front-end code. - [Export to Figma](https://docs.figr.design/export/figma.md): Send any Figr prototype to Figma as editable layers, with its real variables attached. - [Figr MCP](https://docs.figr.design/export/mcp.md): Give AI coding assistants the context behind your designs, not just the pixels. - [Export Options](https://docs.figr.design/export/options.md): Export is a handoff decision, not one final button. - [Publish and Share](https://docs.figr.design/export/publish.md): Share one artifact publicly, or give your team access to the full project. - [Frequently Asked Questions](https://docs.figr.design/faqs.md): Common questions about Figr's features, pricing, and usage answered by our team. - [Add Product Context](https://docs.figr.design/getting-started/setup/add-product-context.md) - [Add product context](https://docs.figr.design/getting-started/setup/add-product-contextt.md): Give Figr your product context: Context Pods for how your product works and a design system for how it looks. - [Quickstart](https://docs.figr.design/getting-started/setup/creating-your-account.md): Go from signup to your first Figr prototype in a few minutes. - [Invite Team](https://docs.figr.design/getting-started/setup/invite-team.md) - [Team Invitations](https://docs.figr.design/getting-started/setup/invite-team12.md): Add team members to your Figr project and set up collaborative workflows. - [Earn More Credits](https://docs.figr.design/getting-started/setup/referral.md) - [Earn free credits](https://docs.figr.design/getting-started/setup/referral12.md): Add credits to your balance without upgrading, by setting up Figr, installing the extension, reviewing, sharing, or referring. - [Team Invitations](https://docs.figr.design/getting-started/setup/team-invitations.md): Add team members to your Figr project and set up collaborative workflows. - [Brainstorming Ideas](https://docs.figr.design/getting-started/tutorial/brainstorm.md) - [Brainstorm ideas](https://docs.figr.design/getting-started/tutorial/brainstorm1.md): Brainstorm for product thinking before pixels: options, trade-offs, and edge cases. - [Create PRDs](https://docs.figr.design/getting-started/tutorial/create-prds.md) - [Create PRDs](https://docs.figr.design/getting-started/tutorial/create-prds12.md): Turn a rough problem into a PRD, flow, states, and a prototype that stay connected. - [Map Edge Cases](https://docs.figr.design/getting-started/tutorial/map-edge-cases.md) - [Map edge cases](https://docs.figr.design/getting-started/tutorial/map-edge-cases1.md): Map the happy path and everything else: empty, error, permission, and failure states. - [High Fidelity Prototypes](https://docs.figr.design/getting-started/tutorial/prototypes.md) - [High-fidelity prototype](https://docs.figr.design/getting-started/tutorial/prototypes1.md): Turn a clear direction into a design-system-aware prototype that fits your product. - [UX Review](https://docs.figr.design/getting-started/tutorial/review.md) - [Review UX](https://docs.figr.design/getting-started/tutorial/review12.md): Get a sharp first-pass UX review before you redesign anything. - [Understanding Workflow](https://docs.figr.design/getting-started/tutorial/understanding-workflow.md) - [Workflow order](https://docs.figr.design/getting-started/tutorial/understanding-workflow1.md): The best way to use Figr is NOT prompt → screen. It is product context → UX reasoning → product artifacts → design → refinement → handoff. - [Edit Without Regenerating](https://docs.figr.design/getting-started/tutorial/untitled-page-5.md) - [Multi-Edit without regenerating](https://docs.figr.design/getting-started/tutorial/untitled-page-55.md): Use Select & Edit to change one part of a screen without redoing the whole thing. - [What Figr Creates](https://docs.figr.design/getting-started/tutorial/what-figr-creates.md) - [What Figr creates](https://docs.figr.design/getting-started/tutorial/what-figr-creates12.md): Figr creates more than screens. Generate UX reviews, PRDs, flows, edge cases, and prototypes, all connected. - [Difference](https://docs.figr.design/getting-started/welcome/difference.md) - [What Makes Figr Different](https://docs.figr.design/getting-started/welcome/differencee.md): How Figr's product context and memory set it apart from prompt-based AI design tools. - [Product Aware Designing](https://docs.figr.design/getting-started/welcome/product-aware-designing.md) - [Product-aware designing](https://docs.figr.design/getting-started/welcome/product-aware-designingg.md): Context Pods, Design Language, and the Canvas combine so Figr designs from your real product context. - [What is Figr](https://docs.figr.design/getting-started/welcome/what-is-figrr.md): Figr is an AI product design agent that turns your real product context into design-system-ready UI. - [Who Should Use Figr](https://docs.figr.design/getting-started/welcome/who-should-use-figr.md) - [Who Should Use Figr](https://docs.figr.design/getting-started/welcome/who-should-use-figr1.md): Discover if Figr is right for your team and use case. - [What Is Figr](https://docs.figr.design/index.md) - [Chrome Extension](https://docs.figr.design/input-research/chrome-extension.md): Parse live web apps to give Figr deep understanding of your product's structure, components, and patterns. - [Figma Input](https://docs.figr.design/input-research/figma-input.md): Connect Figma to Figr with the Figma Sync plugin: pull real frames, tokens, and components into your prompts, and push finished designs back. - [Files and Research](https://docs.figr.design/input-research/files-research.md): Use context that lives outside the product screen: PRDs, CSVs, research, and the web. - [Input Guide](https://docs.figr.design/input-research/input-guide.md): Choose the right input based on what you want Figr to understand. - [Screen Recordings](https://docs.figr.design/input-research/screen-recording.md): One of the best ways to teach Figr how your product actually works. - [Figma Input](https://docs.figr.design/inputs/figma-input.md): Connect Figma and paste frame links directly into Figr. Get exact design values instead of assumptions from screenshots. - [Screen Recording](https://docs.figr.design/inputs/screen-recording.md): Capture real-time interactions and user flows to give Figr deep understanding of how your product actually works in motion. - [Upload From Computer](https://docs.figr.design/inputs/upload-from-computer.md): Drag and drop files from your computer. Screenshots, documents, spreadsheets, PDFs. Figr extracts context from whatever you share. - [Data Protection](https://docs.figr.design/legal/data-protection.md): Figr is committed to protecting your data through robust security measures, transparent practices, and compliance with global privacy regulations. Learn how we safeguard your information and design assets. - [Privacy Policy](https://docs.figr.design/legal/privacy.md): How Figr collects, uses, and protects your personal information and design data. - [Terms of Service](https://docs.figr.design/legal/terms.md): Terms and conditions for using Figr's AI-powered design platform and services. - [Usage and Credits](https://docs.figr.design/page1.md): Track credits across activities, and spend them on reasoning before pixels. - [Account Settings](https://docs.figr.design/page2.md): Manage your profile, account preferences, and Refer & Earn. - [Members and Roles](https://docs.figr.design/page3.md): Control who can access your workspace and what they can do. - [Billing and Plans](https://docs.figr.design/page4.md): Check your plan, credits, renewal, and payment details. - [Connected Apps](https://docs.figr.design/page5.md): Review and manage the integrations connected to your workspace. - [SSO](https://docs.figr.design/page6.md): Single sign-on for enterprise workspaces. - [Setting up Connectors](https://docs.figr.design/product-intelligence/connectors.md): Connect live tools like Mixpanel, Notion, and Linear so Figr pulls real data into your designs at query time. - [Context Pods](https://docs.figr.design/product-intelligence/context-pods.md): Reusable product knowledge Figr can understand across projects, prompts, and tasks. - [Design System](https://docs.figr.design/product-intelligence/design-system.md): Import your design system once and Figr designs with your actual components, tokens, and patterns, not generic UI. - [Brainstorm & Thinking](https://docs.figr.design/product-thinking/brainstorm.md): Explore ideas before committing to designs. Generate concepts, surface edge cases, think through problems. Product thinking before pixel pushing. - [Prototype](https://docs.figr.design/product-thinking/prototype.md): Generate production-ready UI designs that match your product. Not generic templates. Actual interfaces you can show stakeholders and export to Figma. - [Refine Design](https://docs.figr.design/product-thinking/refine-design.md): Make targeted improvements to existing designs. Fix specific elements, adjust styling, iterate on feedback. Precision editing without starting over. - [Review Design](https://docs.figr.design/product-thinking/review-design.md): Get UX audits, accessibility checks, and expert critique. Identify issues before they ship. Grounded in patterns from 200,000+ screens. - [User Flow](https://docs.figr.design/product-thinking/user-flow.md): Visualize journeys, document paths, identify gaps. See the complete picture before designing individual screens. - [Prompt Library](https://docs.figr.design/prompt-library.md) - [Quickstart](https://docs.figr.design/quickstart.md): Start building awesome documentation in minutes - [Design Inspiration](https://docs.figr.design/research/design-inspiration.md): Figr draws from design patterns and references to create better solutions. This happens automatically, behind the scenes, to inform every design it generates. - [Understand Url](https://docs.figr.design/research/understand-url.md): Share any link and Figr reads the content. Extract information from articles, documentation, product pages, or any webpage to inform your work. - [Web Search](https://docs.figr.design/research/web-search.md): Find current information, industry data, and real-world context. Ground your designs in facts, not assumptions. - [Canonical Roles and Permissions](https://docs.figr.design/yea.md): The single source of truth for who can do what in a Figr workspace. - [Figma Input](https://docs.figr.design/yes.md): Help Figr understand your existing design work more precisely than screenshots. - [Domain Auto-join](https://docs.figr.design/yes-3.md): Let people with your company email domain join the workspace automatically. - [Usage and Audit Logs](https://docs.figr.design/yes-4.md): Access controls and activity visibility for enterprise teams. ## Optional - [Documentation](https://docs.figr.design/) - [Talk to Us](https://figr.design/contact) - [Blog](https://figr.design/blog)