Figma MCP connector
Figma is a collaborative design platform for building user interfaces, prototyping, and creating design systems. The Figma MCP connector allows AI agents to retrieve file structures and metadata, render node images, and access project and version information across teams. It also supports managing comments on design files and extracting image fills from design components.
Authentication type
- OAuth 2.0 Authorization Code - Requires a one-time user login to authorize the agent to access the service on their behalf.
Uses
Use the Figma MCP connector to perform the following actions:
- Extract design file data and metadata to automate handoffs to development teams
- Capture design comments and feedback to sync with project management systems
- Monitor design component changes across teams to maintain design system consistency
- Generate image renders of design frames for automated reporting and stakeholder updates
- Track design file versions to audit changes and maintain design history
- Retrieve component and style libraries to synchronize with internal knowledge bases
- Manage design webhooks to trigger downstream workflows when designs update
Example prompts
Use the following example prompts to invoke Figma MCP connector tools from your AI assistant or Boomi Connect workflow:
Show me all files in our marketing project in Figma and export their metadata.Get the latest comments on our product design file and send them to Slack.Render images of all artboards in our mobile app design file.List all components in our design system and sync them to our documentation.Get the version history of our onboarding flow design in Figma.Find all team styles in Figma and create a design token file from them.Add a comment to our design file saying the spec is ready for development.Show me which design files have been updated in the last three days.Extract all image fills from our landing page design file.Create a webhook to notify us whenever someone comments on our design file.
Figma MCP connector tools
The Figma MCP connector provides the following tools. Each tool maps to a specific action you can invoke from your AI agent or automation.
| Tool | Description |
|---|---|
| getFile | Retrieves the complete JSON structure and design data for a Figma file. |
| getFileNodes | Retrieves JSON structure and design data for specified nodes within a file. |
| getImages | Renders and exports images of selected nodes from a Figma file. |
| getImageFills | Retrieves image fill properties and data for nodes in a file. |
| getFileMeta | Retrieves metadata including name, version, and modification details for a file. |
| getTeamProjects | Retrieves all projects and their information within a team. |
| getProjectFiles | Retrieves all files and their information within a project. |
| getFileVersions | Retrieves the complete version history of a file. |
| getComments | Retrieves all comments and discussion threads from a file. |
| postComment | Creates a new comment on a file at a specified location. |
| deleteComment | Removes a comment from a file. |
| getCommentReactions | Retrieves emoji reactions and responses to a comment. |
| postCommentReaction | Adds an emoji reaction to a comment. |
| deleteCommentReaction | Removes an emoji reaction from a comment. |
| getMe | Retrieves profile information and details for the authenticated user. |
| getTeamComponents | Retrieves all reusable components available in a team. |
| getFileComponents | Retrieves all reusable components within a specific file. |
| getComponent | Retrieves detailed information about a single component. |
| getTeamComponentSets | Retrieves all component sets and variations available in a team. |
| getFileComponentSets | Retrieves all component sets and variations within a specific file. |
| getComponentSet | Retrieves detailed information about a single component set. |
| getTeamStyles | Retrieves all design styles available in a team. |
| getFileStyles | Retrieves all design styles defined within a specific file. |
| getStyle | Retrieves detailed information about a single design style. |
| getWebhooks | Retrieves webhooks filtered by context or subscription plan. |
| postWebhook | Creates a new webhook to receive notifications for file events. |
| getWebhook | Retrieves detailed configuration information for a specific webhook. |
| putWebhook | Updates the configuration or settings for an existing webhook. |
| deleteWebhook | Removes a webhook and stops it from receiving notifications. |
| getTeamWebhooks | Retrieves all webhooks configured for a team. |
| getWebhookRequests | Get webhook requests. |
| getActivityLogs | Get activity logs. |
| getPayments | Get payments. |
| getLocalVariables | Get local variables. |
| getPublishedVariables | Get published variables. |
| postVariables | Create/modify/delete variables. |
| getDevResources | Get dev resources. |
| postDevResources | Create dev resources. |
| putDevResources | Update dev resources. |
| deleteDevResource | Delete dev resource. |
| getLibraryAnalyticsComponentActions | Get library analytics component action data. |
| getLibraryAnalyticsComponentUsages | Get library analytics component usage data. |
| getLibraryAnalyticsStyleActions | Get library analytics style action data. |
| getLibraryAnalyticsStyleUsages | Get library analytics style usage data. |
| getLibraryAnalyticsVariableActions | Get library analytics variable action data. |
| getLibraryAnalyticsVariableUsages | Get library analytics variable usage data. |
