> ## Documentation Index
> Fetch the complete documentation index at: https://docs.polymet.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Export to Figma

> Bring a screen from Polymet into Figma as editable layers.

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.

## Related

* [Import from Figma](https://docs.polymet.ai/canvas/import-figma.md) — the other direction: Figma frames into Polymet
* [The canvas](https://docs.polymet.ai/canvas/canvas.md) — Focus view and device widths


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.