Enable Figma integration

Learn how to enable Figma so you can use the session explorer to flag inconsistencies between your app’s Figma wireframe and final design.

You can only connect to one Figma file at a time. If you want to connect to a different file, you’ll need to remove the current file from and connect to the new one.

Create Figma API token

First you’ll launch Figma, open your settings, and enter a description for your personal access token. After your token generates, copy and save it to a secure location.

A closeup of Figma’s personal access token creation page.

If you’re having trouble creating a Figma API token, reference the Figma documentation.

Connect to a Figma file

Next you’ll launch Kobiton, open Settings, and select Integration.

The settings page with the integration tab highlighted.

Under UI Design, locate the Figma integration and select Connect Account.

A closeup image of the integrations page with Figma highlighted

Enter your Figma file URL and the API key you created earlier, then select Connect to finish.

A closeup image of the Figma account connection form.

Now you can use the session explorer to flag inconsistencies between your app’s Figma wireframe and final design.