Integrations

Connect and export design data with custom integrations.

Integrations

See all integrations you’ve connected to Supernova in the Integrations section of your Workspace settings.

Connecting a Figma integration

To connect Figma to Supernova, you need authorize Figma.

Click the Connect button in the Figma panel of the Integrations page. You’ll be prompted to authorize your Figma account.

Alternatively, you can import design system data from each section in Supernova — for example, you can import tokens from the Tokens section. When you go to a section for the first time, you'll see a screen showing all available integrations. Click Import from Figma. You’ll then be prompted to authorize Figma.

Or, you can also connect a file from the Figma panel to the left of the screen in the Design data section, find the Figma integration panel and click Connect file.

  1. A dialog will open — in it, paste the URL of the Figma file you want to import design data from.
  2. There's an option to import tokens from the file (if it contains styles). If you want to import tokens, toggle the switch on.
  3. Click Import. If you have authorized Figma already, your import will start immediately. If you haven't, you'll be prompted to authorize Figma, and your import will start once this is done.

Figma will now be connected as an integration, and you’ll see it in the Integrations section in your settings. You can manage which files are connected — read Managing connected files to learn more.

Connecting Tokens Studio or Figma Variables Sync plugin integrations

Like Figma, you can connect both the Tokens Studio and Figma Variables Sync plugin integrations from the Design data section, or from the Integrations page.

Both integrations require external set up. You can read the following documentation to find out how to set them up:

Connecting a GitHub, GitLab, Bitbucket or Azure integration

Connect GitHub

You can easily connect GitHub, GitLab, Bitbucket or Azure integrations by clicking the Connect button in each of their panels on the Integrations page, and then choosing to authenticate with OAuth or a personal access token.

You can also connect GitHub, GitLab, Bitbucket or Azure in the Delivery step when creating a code pipeline. Click Connect GitHub (or whichever integration you wish to connect) and choose either Sign in with OAuth or Use a personal access token.

Authenticate with OAuth

  1. Select the account you would like to use with Supernova.
  2. You can now use this GitHub/GitLab/Bitbucket/Azure account to automate pull requests using pipelines.

Authenticate using personal access tokens

  1. Once you click Use a personal access token, a dialog will open.
  2. Enter a name for the token, an optional server URL, and paste in your personal access token.
  3. Click Save.
  4. You can now use this GitHub/GitLab/Bitbucket/Azure account to automate pull requests using pipelines.

Removing or editing a connection

Integrations - Connections

Integrations - Connections

  1. In the Connected accounts table, hover on the connection you wish to remove.
  2. Click ••• at the end of the row to open the context menu.
  3. To edit the connection, click Edit connection. You can then edit the integration details — you can only do so if you’ve added this connection.
  4. To remove the connection, click Remove connection.
  5. To remove the integration entirely, remove all connections.