What you unlock
File inspection
Browse Figma files, view nodes, and retrieve metadata — understand your designs through natural language.
Component library
Access components, component sets, and styles across your team library for design system queries.
Design tokens
Extract design tokens, variables, and Tailwind configurations from your Figma files.
Collaboration
Read and post comments on files, manage webhooks, and track design feedback.
Connect Figma
Authorize with OAuth
Click Connect and sign in to your Figma account. Grant Mantle the requested permissions to access your files and
projects.
Agent tools
Any agent in your workspace can use Figma tools once the integration is connected.Files & Nodes
| Tool | Description |
|---|---|
| Get file JSON | Retrieve the full JSON representation of a file |
| Get file metadata | Retrieve file metadata (name, version, etc.) |
| Get file nodes | Access specific nodes within a file |
| Render node images | Export images of specific file nodes |
| Get image fills | Retrieve image fill URLs from a file |
| Get file versions | List version history of a file |
Components & Styles
| Tool | Description |
|---|---|
| Get component | Retrieve details of a specific component |
| Get team components | List all components published by a team |
| Get component sets | List component sets in a file |
| Get file styles | Retrieve styles defined in a file |
| Get team styles | List all styles published by a team |
Design Tokens & Variables
| Tool | Description |
|---|---|
| Extract design tokens | Extract design tokens from a file |
| Tokens to Tailwind | Convert Figma design tokens to Tailwind config |
| Get local variables | Retrieve local variables from a file |
| Get published vars | Retrieve published variables from a library |
Projects & Comments
| Tool | Description |
|---|---|
| List projects | List projects in a team |
| List project files | List files within a project |
| Get comments | Retrieve comments on a file |
| Add comment | Post a comment on a file |
Triggers
Automated triggers for Figma are not yet available. Triggers will be added in a future update — check back soon.
Example use cases
Extract design tokens for development
Extract design tokens for development
Ask your agent to extract design tokens from a Figma file and convert them to Tailwind configuration — bridging the
gap between design and code without manual translation.
Component audit across files
Component audit across files
Ask “Which components from our design system are used in the dashboard file?” and the agent inspects the file
structure, identifying component instances and their source libraries.
Design review comments in chat
Design review comments in chat
An agent fetches all unresolved comments from a Figma file and posts them to your #design channel, so the team can
discuss feedback without switching to Figma.
Troubleshooting
OAuth connection failed
OAuth connection failed
Make sure you are signing in with a Figma account that has access to the files and projects you want to inspect. Try
disconnecting and reconnecting from Settings → Integrations → Figma.
Agent can't access a file
Agent can't access a file
Figma API access is scoped to files the authenticated user can view. Verify the file is shared with the connected
account or lives in a project the account has access to.
Design token extraction returns empty results
Design token extraction returns empty results
Not all Figma files use variables or design tokens. Verify the file contains published styles, variables, or
component properties before extracting tokens.
Image export quality is low
Image export quality is low
Rendered node images default to 1x scale. Specify a higher scale factor when requesting image exports for better
resolution.
Back to Integrations
View all available integrations