CONNECT APP
Build with Figma
Marketing
- OAuth
MCP
Give your agent Figma tools
Every Figma action is exposed as an MCP tool on Pipedream's remote server. Point a client at it with your end user's ID and Connect resolves that user's Figma account for each tool call — you store no tokens.
// accessToken: mint a short-lived token with the Connect SDK — see the MCP guide
const transport = new StreamableHTTPClientTransport(
new URL("https://remote.mcp.pipedream.net/v3"),
{
requestInit: {
headers: {
Authorization: `Bearer ${accessToken}`,
"x-pd-project-id": "{project_id}",
"x-pd-environment": "production",
"x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
"x-pd-app-slug": "figma",
},
},
},
)
const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)
const { tools } = await mcp.listTools()
// e.g. run Delete a Comment:
const result = await mcp.callTool({
name: "figma-delete-comment",
arguments: {
projectId: "Project Id",
fileId: "File Id",
},
})# access_token: mint a short-lived token with the Connect SDK — see the MCP guide
headers = {
"Authorization": f"Bearer {access_token}",
"x-pd-project-id": "{project_id}",
"x-pd-environment": "production",
"x-pd-external-user-id": "{external_user_id}", # any stable ID for this user in your system
"x-pd-app-slug": "figma",
}
async with streamablehttp_client("https://remote.mcp.pipedream.net/v3", headers=headers) as (read, write, _):
async with ClientSession(read, write) as session:
await session.initialize()
tools = await session.list_tools()
# e.g. run Delete a Comment:
result = await session.call_tool("figma-delete-comment", {
"projectId": "Project Id",
"fileId": "File Id",
})API PROXY
Call the Figma API directly
For an endpoint with no pre-built tool, the Connect proxy forwards your request to the Figma API with the connected user's credentials attached. You store no tokens and write no refresh logic.
const resp = await pd.proxy.get({
externalUserId: "{external_user_id}", // any stable ID for this user in your system
accountId: "apn_xxxxxxx",
url: "https://api.figma.com/v1/me",
})
// Any allowed Figma endpoint works here. Pipedream attaches the
// connected account's credentials to the outgoing request.# The path segment is the target URL, URL-safe base64 encoded:
# https://api.figma.com/v1/me
curl "https://api.pipedream.com/v1/connect/{project_id}/proxy/aHR0cHM6Ly9hcGkuZmlnbWEuY29tL3YxL21l?external_user_id={external_user_id}&account_id=apn_xxxxxxx" \
-H "Authorization: Bearer {access_token}" \
-H "x-pd-environment: production"SDK
Run Figma actions from your backend
Connect a user's Figma account once, then run Delete a Comment on their behalf from your own code — TypeScript, Python, or plain HTTP.
import { PipedreamClient } from "@pipedream/sdk"
const pd = new PipedreamClient({
projectId: process.env.PIPEDREAM_PROJECT_ID!,
clientId: process.env.PIPEDREAM_CLIENT_ID!,
clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
projectEnvironment: "production",
})
const result = await pd.actions.run({
id: "figma-delete-comment",
externalUserId: "{external_user_id}", // any stable ID for this user in your system
configuredProps: {
figma: { authProvisionId: "apn_xxxxxxx" },
projectId: "Project Id",
fileId: "File Id",
},
})from pipedream import Pipedream
pd = Pipedream(
client_id="{oauth_client_id}",
client_secret="{oauth_client_secret}",
project_id="{project_id}",
project_environment="production",
)
result = pd.actions.run(
id="figma-delete-comment",
external_user_id="{external_user_id}", # any stable ID for this user in your system
configured_props={
"figma": {"authProvisionId": "apn_xxxxxxx"},
"projectId": "Project Id",
"fileId": "File Id",
},
)curl -X POST https://api.pipedream.com/v1/connect/{project_id}/actions/run \
-H "Content-Type: application/json" \
-H "X-PD-Environment: production" \
-H "Authorization: Bearer {access_token}" \
-d '{
"external_user_id": "{external_user_id}",
"id": "figma-delete-comment",
"configured_props": {
"figma": { "authProvisionId": "apn_xxxxxxx" },
"projectId": "Project Id",
"fileId": "File Id"
}
}'TOOLS
Figma actions
On-demand operations your product or agent can configure and run on behalf of a connected user.
MULTI-APP
Use Figma with other popular apps
Most products don't stop at one integration. Pair Figma with the other apps your users rely on, and ship use cases that span both.
- App slug
- figma
- Authentication
- OAuth
- Categories
- Marketing
- Actions
- 3
- Triggers
- 1
- API proxy
- Available
OAuth scopes
These are the scopes Pipedream's managed Figma OAuth client requests when one of your users connects an account. Supply your own OAuth client to request a different set.
- current_user:read
- file_comments:read
- file_comments:write
- file_metadata:read
- webhooks:read
- webhooks:write