Figma

Collaborative interface design tool

Go to site

Figma API Integrations

Build and run workflows using the Figma API. Use 1000s of source-available triggers and actions across 1000+ apps. Or write custom code to integrate any app or API in seconds.

Overview

With the Figma API you can:

  • Build interactive prototypes
  • Share shorcuts and snippets with the community
  • Create and manage your design system
  • And much more!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    figma: {
      type: "app",
      app: "figma",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.figma.com/v1/me`,
      headers: {
        Authorization: `Bearer ${this.figma.$auth.oauth_access_token}`,
      },
    })
  },
})
List Comments with Figma API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Figma
 
Try it
Send Message (Advanced) with Discord Webhook API on New Comment (Instant) from Figma API
Figma + Discord Webhook
 
Try it
List Comments with Figma API on New Item in Feed from RSS API
RSS + Figma
 
Try it
List Comments with Figma API on New Message from Discord API
Discord + Figma
 
Try it
List Comments with Figma API on New Message In Channels from Slack API
Slack + Figma
 
Try it
New Comment (Instant) from the Figma API

Emit new event when someone comments on a file

 
Try it
Delete a Comment with the Figma API

Delete a comment to a file. See the docs here

 
Try it
List Comments with the Figma API

Lists all comments left on a file. See the docs here

 
Try it
Post a Comment with the Figma API

Posts a comment to a file. See the docs here

 
Try it

Authentication

Figma uses OAuth authentication. When you connect your Figma account, Pipedream will open a popup window where you can sign into Figma and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Figma API.

Pipedream requests the following authorization scopes when you connect your account:

file_read
OAuth Request Configurations:
  1. authorization
    GEThttps://www.figma.com/oauth?client_id={{oauth.client_id}}&redirect_uri={{oauth.redirect_uri}}&state={{oauth.state}}&response_type=code&scope={{oauth.space_separated_scopes}}
  2. accessToken
    POSThttps://www.figma.com/api/oauth/tokencontent-type: application/x-www-form-urlencodedaccept: application/json
    client_id={{oauth.client_id}}&client_secret={{oauth.client_secret}}&redirect_uri={{oauth.redirect_uri}}&grant_type=authorization_code&code={{oauth.code}}
  3. refreshToken
    POSThttps://www.figma.com/api/oauth/refreshcontent-type: application/x-www-form-urlencodedaccept: application/json
    client_id={{oauth.client_id}}&client_secret={{oauth.client_secret}}&grant_type=refresh_token&refresh_token={{oauth.refresh_token}}