Skip to main content
Connect your Figma file once, then send any frame to Figr to build on. When Figr sees your real Figma frames, it builds on your layouts, components and design values instead of starting from scratch. You connect through the Figr plugin once. After that, picking frames takes a few clicks.
1

Open Figma Sync from the chat box

In your project, click Add context in the chat box and choose Figma Sync. This opens the Figr AI Figma Sync plugin page.
Figr chat box Add context menu with the Figma Sync option for bringing in Figma frames
2

Connect the plugin

Click Open in, run the plugin in your Figma file, then click Connect to Figr and approve access in your browser. The plugin shows Connected with your email.
Figr AI Figma Sync plugin in Figma showing Connected with the signed-in email
3

Select your frames

In Figma, click the frames you want Figr to use. The plugin shows how many are selected.
Figr AI Figma Sync plugin showing the frames selected for sync
If the plugin shows “0 selected”, click a frame directly on the Figma canvas, not in the layers panel.
4

Send them to Figr

Back in Figr, the frames you selected are added to the chat box automatically. Figr brings in each frame’s layout, a screenshot and its design values.
Selected Figma frames attached in the Figr chat box
Have a Figma link instead? Paste it into the chat box as an attachment.

​
Next

Capture a public page

Paste a link into the chat.

Export to Figma

Send Figr screens back to Figma.