Skip to main content
Export to Figma turns the screen you are looking at into editable Figma layers, so a designer can keep working on it in Figma.

Export a screen

  1. Switch the canvas header to Focus and open the page, component or prototype you want.
  2. Click the Export to Figma button in the toolbar above the preview.
  3. The Ready for Figma dialog shows an export ID. Click the copy button next to export id.
  4. In Figma, open the Polymet plugin and paste the ID. The screen comes in as editable layers.
The export is the screen as the preview shows it when you click. To export another state, change the preview and export again.

Set up the plugin

The plugin needs you signed in before it can bring in an export. You only do this once.
  1. In Polymet, go to Settings > Figma Plugin.
  2. Under Polymet for Figma, click Open in Figma and install the plugin from the Figma Community.
  3. Under Plugin key, click Generate key and copy it. The key is shown only once and is tied to your account, so do not share it.
  4. Paste the key into the plugin to sign in.

Limits

  • An export ID works for 24 hours. After that, export again.
  • Export waits for a running generation to finish.
  • On a phone or a narrow touch screen, the button is hidden to make room. Use a wider window.