# How to Import Figma to Framer

> To bring Figma designs into Framer, open your Framer project, access the menu, select File, choose Import from Figma, and click Get Plugin. Next, choose your Figma file, preview the design, set up interactions, select components, and copy and paste your designs into Framer.

Canonical: https://livedemo.ai/tutorials/how-to-import-figma-to-framer/
Apps: Framer, Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3fb7ab56e05a00fe7c05/preview?step=1

## Steps

1. Open your Framer project where you'll import your Figma design.
2. Access the menu to manage your imported Figma project.
3. Select the 'File' option.
4. Choose 'Import fom Figma'.
5. Click 'Get Plugin' to enhance your workflow with powerful plugin capabilities.
6. Choose the Figma file you want to import into your Framer project.
7. Preview your imported Figma design in Framer's presentation mode.
8. Set up prototype interactions for your imported Figma elements.
9. Select which Figma components you want to import to your library.
10. Copy your Figma designs and paste in Framer.
11. You've successfully brought Figma designs to Framer.