Skip to main content
Select Actions to adjust the guide
Some actions may require additional configuration in the provider to be accessible. Choose the actions you need and the guide will be updated.
Action
Scope(s)
Loading actions…
Dynamic Guide URL
Scopes Selected
Separator
You need a Figma account and the ability to create OAuth applications. The Client Secret is shown only once during app creation.

Create an OAuth application

Register a new application in the Figma Developer Portal.

1

Sign in to Figma Developers

Sign in to Figma Developers.

  • Click My apps > Create a new app.
  • Enter an App name (e.g., “StackOne Integration”).
  • Select the associated Team/Organization.
  • Click Create App.
2

Copy client credentials immediately

Upon creation, you will see the Client ID and Client Secret in a modal.

  • Copy both values immediately and store them securely.
  • The Client Secret is only shown once and cannot be retrieved later.
  • If you lose the secret, you must regenerate it.
3

Add redirect URL

In the left sidebar, click OAuth credentials.

  • Under Redirect URLs, click Add a redirect URL.
  • Enter: https://api.stackone.com/connect/oauth2/figma/callback
  • Click Add.
4

Select OAuth scopes

Enables actions: Bulk Create Dev Resources, Bulk Update Dev Resources, Create Comment, Create Comment Reaction, Create Webhook, Delete Comment, Delete Comment Reaction, Delete Dev Resource, Delete Webhook, Get Comment Reactions, Get Comments, Get Component, Get Component Set, Get Current User, Get File, Get File Component Sets, Get File Components, Get File Metadata, Get File Nodes, Get File Styles, Get File Versions, Get Image Fills, Get Project Files, Get Style, Get Team Component Sets, Get Team Components, Get Team Projects, Get Team Styles, Get Webhook, Get Webhook Requests, Get Webhooks, List Dev Resources, Render Images, Update Webhook

In the left sidebar, click OAuth scopes. Enable the scopes required for your use case.

  • Enterprise-only scopes (file_variables:read, file_variables:write, library_analytics:read) are only visible on the Enterprise plan
  • If you enable only a subset of scopes, you must provide the enabled scopes in the Scopes field during connection setup. Otherwise the connection will fail.
  • If all scopes are enabled, the Scopes field can be left empty.
5

Publish the app (optional)

You can optionally publish your app to share it with others. Before publishing, complete the required configuration.

  • On the Publish page, choose Audience (Private or Public). This cannot be changed after publishing.
  • Click Next.
  • In Describe your app, upload a Logo and add a Description.
  • Click Next.
  • In Review scopes, confirm the requested scopes.
  • Click Publish to complete. Private apps are published instantly without Figma review.

Creating the StackOne Connector Profile

To create the Connector Profile in StackOne for Figma:
1

Navigate to Connector Profiles

Login to StackOne and navigate to Connector Profiles
2

Create New Connector Profile

  • Click + Connector Profile
  • Search for and select Figma
  • Select Type as OAuth 2.0
  • Fill out the fields using details retrieved from your provider:
    • Client ID
    • Client Secret
    • Scopes (Optional)
  • (Optional) Select Actions to be enabled for this Connector Profile
  • Click Create profile
Congratulations! The new Connector Profile will now show up in your project ready to be used. You can now continue to Link Accounts for Figma.