{"slug":"figma","title":"Import from Figma","summary":"Paste one frame link or sync the open file with the plugin. You confirm the screens, and the assistant builds those screens from the real frames.","body":"Import decides which screens the app contains. You do not pick layers or components. Open a project and choose **Import from Figma** in the chat's message box.\n\n## Two ways to import\n\n| | Frame link | Design Sync plugin |\n| --- | --- | --- |\n| Runs in | FluxNative | Figma Desktop, on your machine |\n| Covers | The prototype flow reachable from one frame | The whole open file |\n| Needs | A connected Figma account that can open the file | The plugin and a pairing code |\n| Figma file quota | Uses it | Does not use it |\n| View-only files | Not supported | Duplicate to your drafts first |\n\n## Paste a frame link\n\n1. Connect the Figma account that can open the file. You can also do this under **Settings**, then **Integrations**.\n2. In Figma, select the frame the app opens on and copy its link.\n3. Paste it. FluxNative walks the prototype from that frame and lists the screens it reaches.\n4. Confirm the screens to build. The entry frame always stays included.\n\nDestinations you leave out are recorded as out of scope, so the assistant does not invent them as routes. A link to a page or a section asks which frame should open first.\n\n## Sync the whole file\n\n1. Download the read-only Design Sync plugin from the import dialog and run it in Figma Desktop.\n2. Enter the pairing code shown in FluxNative.\n3. Review the screens in Figma, then choose **Send**. Nothing is transferred until you do.\n\nUse the plugin when you want the entire app, when the file is view-only, or when Figma's file quota blocks another link import.\n\n## After you confirm\n\nThe confirmed screens, prototype links, and renders become a design source for the project, shown above the message box. Ask the assistant to build from it, for example: \"Build the imported screens. Match spacing and type closely, and use real icons from the file.\"\n\nA project can hold more than one design source. One is **primary**, and the others are secondary. Use **Make primary** to switch. Re-import when the Figma file changes and you want a new snapshot.\n\n> [!NOTE]\n> Only files you import are read. FluxNative does not follow a whole Figma team or project.","sectionSlug":"designs","sectionTitle":"Designs and templates","updatedAt":"2026-09-23T22:51:25.250Z","previous":{"slug":"export","title":"Export the project"},"next":{"slug":"templates","title":"Templates"}}