#PROTOPIE DESKTOP WEBSITE UPDATE#
#PROTOPIE DESKTOP WEBSITE DOWNLOAD#

The import modal has two tabs for selecting either frames or components from a Figma file.

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 Revoke access next to the ProtoPie integration:.Scroll down to the Connected Apps section.Click on your name in the top-left corner and select the Settings tab.Login to your Figma account and open the File Browser.You can do this from your account settings in Figma. If you want to change the Figma account associated with ProtoPie, or disconnect them entirely, you can disconnect ProtoPie from your Figma account. Remove layers deleted or made invisible in Figma.

#PROTOPIE DESKTOP WEBSITE UPDATE#

Update layer orders and grouping structure.When you Re-Import, you can choose whether to: This allows you to determine how you want ProtoPie to reimport frames. When you go through the import process, you will see a heading called Re-import Options. This allows you to bring across any changes you've made to the original design in Figma. You can also use the import process to re-import frames. This will maintain the same layer order as in Figma.

#PROTOPIE DESKTOP WEBSITE DOWNLOAD#

ProtoPie will download the rendered layers into your current file.

Choose to import All layer structure, or Only layers marked for export. Select All layer structure to import all layers.

In the frame dropdown, select the frame you want to import.

Click on the Import button in the top-left corner.

You can import frames from any file you have opened or edited in the last twelve hours. You'll now be able to import your Figma designs into ProtoPie. Learn more about ProtoPie's import options in their Import documentation (external link).

When you're done granting access, you can close the browser window, or click the Go to ProtoPie button to open the ProtoPie app.

Once signed in, click the Allow Access button to give ProtoPie permission to access your files.

If you're not already, you'll need to log in to your Figma account.

Click Proceed to browser to open Figma in a new browser window.

ProtoPie will ask for permission to access your Figma files.

Open ProtoPie and click on the Import icon in the top-left corner.

Once you've given ProtoPie permission, you won't have to do this again. You'll only need to connect the two apps once. You can import your designs from Figma into ProtoPie.īefore you can get started, ProtoPie will need permission to access your files in Figma. Learn more about the ProtoPie plugin for Figma → Connect Figma and ProtoPie Import text layers as SVG that can be converted to text layers

Protopie desktop website