Skip to main content
Figma input helps Figr understand your existing design work more precisely than screenshots. A screenshot shows what something looks like; a Figma frame carries structure, so Figr can understand how the design is built. Use Figma input when you want Figr to understand components, layout, typography, spacing, colors, variants, design patterns, or existing product screens. Good use cases:
  • Use an existing screen as context
  • Match a design system
  • Redesign a product area
  • Generate new screens in the same visual language
  • Export generated screens back to Figma
  • Share focused frames, not massive unorganized files
  • Include the closest existing product screens
  • Include component examples if visual consistency matters
  • Make sure Figr has access to the file

​
Bring in a Figma frame

1

Paste your Figma link

Add the link to the frame or file you want Figr to use.
2

Open Figma Sync

Use the Figma Sync plugin to connect the file to Figr.
3

Import the frame

Select and import the frame so Figr can read its structure and patterns.
Figma frame selection and import into Figr

Paste a Figma link, open Figma Sync, then import the frame

[VERIFY: confirm the current Figma access flow, frame selection behavior, and error states.]