Once you've setup the Figma integration you're ready to start adding assets from Figma to Lingo. To add Figma assets, drag the asset item from the Insert Panel, drop it into a section and select the Figma option.

A modal will appear asking you to paste in a share link from Figma. All you need to do is copy the share link to a frame or file in Figma and paste that link into the modal. Here's how to get each of those links:

If you use a link to a specific frame, that frame will be imported as an asset in Lingo after pasting it into the modal.

If you use a link to a File, the modal will show you all the frames, pages and components in that file. This way you can choose multiple frames or components to import at once.

While in a Figma file:

note: the Share" button will always give you a link to the page you're currently on in a file. Meaning the Import Modal in Lingo will focus that page, but you can still access all other pages in the file via the modal.

Once you enter a share link to a Figma file, you can select the frames and/or components you want to import.

The Import Modal has 2 tabs for viewing and selecting frames or components from a Figma file. You can import multiple frames and components at a time by selecting them using the checkboxes.

In Figma, you are able to nest frames within each other as much as you need. The Import Modal reflects this with a dropdown for any frame that has frames nested within it. With this, you are able to view and select all nested frames in a parent frame.