Providers

Figma

Lyse integrates with Figma to connect your source of truth Design System library with your ticket trackers.

When Figma is connected in the Lyse web app, in App Integration, Lyse indexes your library and, on every library publish, turns detected changes on components and variants into tickets in your chosen providers such as Linear, Jira, GitHub or GitLab.

If you use the Lyse plugin, variable context can be added so tickets include accurate names and structure for your design tokens.



Lyse x Github

Prerequisites

Before connecting Figma, make sure you have:

  • An active session in the Lyse web app

  • Access to your Figma account settings

  • Admin permission to create a Personal Access Token

  • The URL of the Figma library file you want Lyse to watch

Required fields

In Figma:

  1. Open Account settings

  2. Go to Personal access tokens

  3. Create a token and give it a clear name, for example Lyse-Indexing

  4. Scope to select: current_user:read, file_content:read, file_metada:read, library_assets:read, team_library_content:read, projects:read, webhook:read, webhook:write

  5. Copy the token

In the Lyse web app:

  1. Go to App Integration then Figma

  2. Paste the token into the Personal Access Token field

Team ID

Paste your Team ID from your Figma team link. It appears after this prefix:
https://www.figma.com/files/team/YOUR_TEAM_ID_HERE...

Project

Select the Project within your Team that contains your Design System file in Figma.

Library File

Select the file you want to sync from the dropdown in the Lyse Webapp. Large libraries can take a few minutes. When completed, the library appears as Connected.

Generate ticket on publish

Publish your Figma library when changes are ready. Lyse detects diffs and creates tickets in your connected providers.

If you recently ran Lyse Plugin in Figma, tickets include the relevant variables context.