
Paste the link to your Figma frame or file. Drag and drop an asset from the insert panel into the gallery. Open the kit where you want to add your Figma assets. Open the file with the assets you want to add to Lingo. Make sure Link to selected frame is checked. Select the frame you want to add to Lingo. Link to a file when you want to import multiple assets at once. You can link to a single frame or to a whole file in Lingo. Note: It may take several minutes for changes to be reflected in Lingo. Click the Integrations tab and select the Figma integration. You can find your team ID represented by in the following URL: Highlight and copy the team ID from the URL in the address bar. From the Figma file browser, click on the team you’d like to give Lingo access to. This step is only required if you want Lingo to receive updates when an asset changes in Figma. Paste your Figma team ID into Lingo (optional)Īdd your team ID to Lingo to keep your files in sync. In Lingo, select Settings in the left rail. Navigate to Personal access tokens, enter a name for your new token (for example, Lingo integration), and press Return. From the file browser, click on your profile icon in the upper right corner, and then click Settings. To connect Figma to Lingo, do the following: Generate a Figma API token Note: Lingo stores Figma assets as SVGs, which you can resize and convert to different file types before downloading. Click on your profile picture in the bottom left corner and select Log Out:. Click the Import button in the toolbar to open the modal. Now you are ready to create your prototype in Flinto! Visit Flinto’s learn page to learn more about getting started. Frames. The default will be the size of the current document. Select the Screen size for the selected File. Your most recently edited Files are displayed at the top: You can then select which File you want to import into Flint. In the Flinto app, click the Import button in the toolbar. If you haven't recently opened the File - or don't see the File you're looking for - try opening the File in Figma first. You'll be able to select from the Files you've most recently opened. Now that the connection is established, you can import your Figma Files into Flinto. Otherwise, click the Allow Access button: If you're not signed in, you will be prompted to do so now. Your web browser will open Figma in a new tab. Or go to Flinto > Import in the menu bar. You'll only need to do this once, the first time you import a File from Figma. This gives Flinto to access your Files, so they can import them into their app. Disconnect your Figma account from Flintoīefore you can import your designs from Figma, you'll need to authorize the connection between Figma and Flinto. For any features that aren't supported, Flinto will flatten them into bitmap images.
Note: When importing Frames from Figma, Flinto will preserve most vector shapes and editable text layers.