.DkNUKaKx_ZLAT4m.webp?dpl=dpl_2g7utNqo1QcVopVsXyXRGLPAkqY1){kind=small}
Connectors / Design and creative · HTTP Connector
Automate Figma with Tray.ai
Start a Tray.ai workflow when Figma sends “File updated”. Connect Figma to the rest of your design and creative stack with Tray.ai.
What can you do with Figma on Tray.ai?
Figma is a collaborative design tool where teams create interfaces, prototypes, and design systems together in the browser, with comments and version history built in. Tray.ai connects to Figma through the HTTP Connector, so your workflows can call the Figma API alongside the rest of your stack.
- When Figma sends “File comment added”, post the comment to the project channel in your team chat.
- When Figma sends “Library published”, tell the engineering team in your team chat.
- Render file images and attach them to the matching ticket in your issue tracker.
- Move the linked ticket in your issue tracker when Figma sends “Dev Mode status updated”.
- Connects through
- HTTP Connector
- Authentication
- A bearer token or OAuth 2.0
- Base URL
- https://api.figma.com
Set it up
Connect Figma to Tray.ai
Each step uses Figma's own API details, from its documentation.
Step 1
Save Figma's API token
Save the token Figma issues as a Tray.ai authentication. The HTTP Client sends it as a bearer token on every call. The token stays out of the workflow and out of the logs.
Step 2
Point the HTTP Client at the API
Add an HTTP Client step and use https://api.figma.com as the base URL. Or paste a cURL example from Figma's API docs, and Tray.ai fills in the method, URL, and headers.
Step 3
Start with “Get a file”
It's one of 11 documented actions, under Files. The response comes back as data the next step can map into your other apps.
Step 4
Start workflows from Figma events
Give Figma the URL of a Tray.ai webhook trigger. “File updated” can then start a workflow, and so can 5 other events.
Give your AI agents Figma tools
Build an MCP server on Figma in Agent Gateway and choose which actions your agents can call. Every call runs with access control and an audit trail. How Agent Gateway works
- Get a file
- List comments
- List team projects
- List webhooks
- Render file images
- List file versions
- Post a comment
- Delete a comment
What the Figma API covers
4 resources and 11 documented actions, each one a call the HTTP Connector can make from a Tray.ai workflow. Connecting it takes a few clicks: here's how.
Files
- Get a file
- Render file images
- List file versions
Comments
- List comments
- Post a comment
- Delete a comment
Projects
- List team projects
- List project files
Webhooks
- List webhooks
- Create a webhook
- List webhook requests
Events Figma can send to a Tray.ai webhook trigger
- File updated
- File deleted
- File version updated
- Library published
- File comment added
- Dev Mode status updated
Checked against Figma's own documentation on 2026-10-22
How Tray.ai makes this work
Figma plugs into the whole Tray.ai platform
Intelligent Integration
Integrate and automate across 10,000+ apps, databases, APIs, and services with visual workflows, error handling, and observability.
Learn more →Agent Builder
Build AI agents that read, write, and take action in Figma — with guardrails, audit, and human-in-the-loop.
Learn more →Agent Gateway for MCP
Expose Figma actions as governed MCP tools — observable, rate-limited, authenticated.
Learn more →Tray Helix
Build apps on Figma data with your AI assistant, then deploy, run, and govern them on Tray.ai.
Learn more →More design and creative apps on Tray.ai
Dedicated connectors and other apps Tray.ai reaches in the same category. See every design and creative connector →
Frequently asked questions
What can a Tray.ai workflow do in Figma?
+
The Figma API documents 11 actions across 4 resources (Files, Comments, Projects, Webhooks). For example: Get a file; List comments; List team projects. A workflow can make any documented call through the HTTP Connector.
How does Tray.ai authenticate with Figma?
+
The Figma API uses a bearer token and OAuth 2.0. You save it once as a Tray.ai authentication, and the HTTP Connector adds it to every request.
Which Figma events can start a Tray.ai workflow?
+
Figma sends 6 events to a webhook URL, for example: File updated; File deleted; File version updated; Library published; File comment added; Dev Mode status updated. A Tray.ai webhook trigger receives them and starts a workflow.
See Figma working against your stack.
We'll walk through a tailored demo with your systems plugged in.
Thanks — someone from our team will be in touch soon.