Lingo and Figma
Before you begin
You need to be a team admin in Figma and an admin in Lingo.
Lingo will need read-only access to your Figma account.
Lingo is a digital asset manager that helps creative teams organize, manage, and share their brand assets.
With Lingo you can:
- Build, share and manage digital style guides
- Organize all your creative assets in a single location: photos, videos, logos, icons, graphics, and more
- Build a brand hub that can be used by your entire team and outside partners
- Add documentation alongside your assets
Connecting Figma to Lingo lets you import Figma assets and organize them alongside your other digital assets. Any changes you make to an asset in Figma will automatically sync to Lingo.
Note: Lingo stores Figma assets as SVGs, which you can resize and convert to different file types before downloading.
Connect Figma to Lingo
To connect Figma to Lingo, do the following:
Generate a Figma API token
- Login to Figma in your web browser.
- From the file browser, click on your profile icon in the upper right corner, and then click Settings.
- Navigate to Personal access tokens, enter a name for your new token (for example, Lingo integration), and press Return.
- Copy the new token.
Paste the token in Lingo
- In Lingo, select Settings in the left rail.
- Click the Integrations tab.
- Select Setup and paste the token.
Paste your Figma team ID into Lingo (optional)
Add your team ID to Lingo to keep your files in sync. This step is only required if you want Lingo to receive updates when an asset changes in Figma.
- From the Figma file browser, click on the team you’d like to give Lingo access to.
- Highlight and copy the team ID from the URL in the address bar. You can find your team ID represented by {team-id} in the following URL:
www.figma.com/files/xxx/team/{team-id}/xxx?fuid=xxx. - In Lingo, select Settings.
- Click the Integrations tab and select the Figma integration.
- Paste your team ID.
Note: It may take several minutes for changes to be reflected in Lingo.
Add assets to Lingo from Figma
You can link to a single frame or to a whole file in Lingo. Link to a file when you want to import multiple assets at once.
In Figma
Link to a frame:
- Select the frame you want to add to Lingo.
- Click the Share button in the toolbar.
- Make sure Link to selected frame is checked.
- Copy the link.
Link to a file:
- Open the file with the assets you want to add to Lingo.
- Click the Share button in the toolbar.
- Copy the link.
In Lingo
- Open the kit where you want to add your Figma assets.
- Drag and drop an asset from the insert panel into the gallery.
- Select Figma from the asset type menu.
- Paste the link to your Figma frame or file.
The import modal has two tabs for selecting either frames or components from a Figma file. You can import multiple frames and components at once by checking the checkboxes.
If you have nested frames in Figma, Lingo lets you navigate the frame hierarchy and select specific frames to import.
Open a Lingo asset in Figma
From Lingo, you can navigate back to a specific asset in Figma.
- In Lingo, double click on an asset.
- In the inspector panel on the right click the Details section.
- Click the Figma link.
Disconnect Lingo from Figma
- In Lingo, select Settings in the left rail.
- Click the Integrations tab.
- Select Update settings within the Figma area.
- Select Disable the integration.
Tip: If you have additional questions about the integration, see Setting up the Figma integration in Lingo’s help center.
