The Figr AI Figma Sync plugin connects Figr and Figma. Connect it first, then export screens from Figr into Figma whenever you need to polish them or hand them off. You can also ask Figr to keep editing a frame after it’s in Figma.
Connect the plugin first
You only need to do this once.1
Find the plugin in Figma
In Figma, open the Community and search for Figr AI Figma Sync.
2
Run it in the file where screens should land
Open the Figma design file, go to Plugins, and run Figr AI Figma Sync.
3
Sign in to Figr
Use the same account you use in Figr, so the plugin can see your projects. Keep the plugin open.
Export screens
1
Select the prototype in Figr
Select a prototype on your canvas.
2
Send it to Figma
Open Export, then Export to Figma, and choose Export this screen or Export all screens.
3
Pick them up in Figma
The screens land in the file where the plugin is running, as editable frames with layers, text and auto layout.
What comes across
Ask Figr to edit an exported frame
Your frame doesn’t stop being editable by Figr once it’s in Figma.1
Select the frame in Figma
With the plugin connected, select the frame you want to change.
2
Describe the change in Figr's chat
Back in Figr, type the change in the chat and name Figma. For example: “In Figma, add an empty state to this list.”
3
Review the update in Figma
Figr edits the frame in place, keeping your design system styles.
Troubleshooting
Next
Share a project
Bring your team into the canvas.
Copy and download
Get the code and images.