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}`,
},
})
},
})
Choose an API to Connect with Figma API#
1-12of1000+apps by most popular
1
-
12
of
1000+
apps by most popular
HTTP / Webhook
Get a unique URL where you can send HTTP or webhook requests
Node
Anything you can do with Node.js, you can do in a Pipedream workflow. This includes using most of npm's 400,000+ packages.
Python
Anything you can do in Python can be done in a Pipedream Workflow. This includes using any of the 350,000+ PyPi packages available in your Python powered workflows.
Schedule
Trigger workflows on an interval or cron schedule.
Data Stores
Use Pipedream Data Stores to manage state throughout your workflows.
Google Sheets
With Google Sheets, you can create, edit, and collaborate wherever you are
Airtable
Looks like a spreadsheet, acts like a database.
Telegram Bot
Telegram is a cloud-based instant messaging and voice over IP service
Slack
Slack is a channel-based messaging platform. With Slack, people can work together more effectively, connect all their software tools and services, and find the information they need to do their best work — all within a secure, enterprise-grade environment.
Formatting
Pre-built actions to make formatting and manipulating data within your workflows easier.
GitHub
Where the world builds software. Millions of developers and companies build, ship, and maintain their software on GitHub—the largest and most advanced development platform in the world.
Filter
Specify a condition that your workflow must meet and whether you'd like to proceed or end workflow execution.
Popular Figma Integrations#
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_readOAuth Request Configurations:
- 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}} - accessToken
POSThttps://www.figma.com/api/oauth/tokencontent-type:application/x-www-form-urlencodedaccept:application/jsonclient_id={{oauth.client_id}}&client_secret={{oauth.client_secret}}&redirect_uri={{oauth.redirect_uri}}&grant_type=authorization_code&code={{oauth.code}} - refreshToken
POSThttps://www.figma.com/api/oauth/refreshcontent-type:application/x-www-form-urlencodedaccept:application/jsonclient_id={{oauth.client_id}}&client_secret={{oauth.client_secret}}&grant_type=refresh_token&refresh_token={{oauth.refresh_token}}