Skip to main content
Feedback

Figma MCP connector

Updated 

Figma is a collaborative design platform for building user interfaces, prototyping, and design systems. The Figma MCP connector allows AI agents to retrieve file contents, specific node data, and rendered images from design files. It also supports browsing projects and file versions within a team, as well as reading and adding comments to keep design feedback organized.

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 specs and assets directly from Figma files for development handoff
  • Track comments and feedback on design files without opening Figma
  • Sync component libraries and styles across teams and projects
  • Automate notifications when Figma files or comments change via webhooks
  • Export rendered images of design nodes for documentation or presentations
  • Audit version history to track design changes over time
  • Organize and retrieve files across teams and projects at scale
  • Monitor reactions and engagement on design feedback threads

Example prompts

Use the following example prompts to invoke Figma MCP connector tools from your AI assistant or Boomi Connect workflow:

  • Show me all comments left on our homepage design in Figma.
  • Export the latest icons from our Figma file as images.
  • List every project our design team has in Figma.
  • Get the version history for the onboarding flow file in Figma.
  • Find all components used across our Figma design system.
  • Add a comment to the checkout page file in Figma.
  • Notify me whenever someone edits our brand style file in Figma.
  • Pull the JSON structure of our mobile app screens from Figma.
  • Who is currently logged into our Figma account.
  • Show me all styles defined in our marketing team's Figma files.

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.

ToolDescription
getFileGet file JSON
getFileNodesGet file JSON for specific nodes
getImagesRender images of file nodes
getImageFillsGet image fills
getFileMetaGet file metadata
getTeamProjectsGet projects in a team
getProjectFilesGet files in a project
getFileVersionsGet versions of a file
getCommentsGet comments in a file
postCommentAdd a comment to a file
deleteCommentDelete a comment
getCommentReactionsGet reactions for a comment
postCommentReactionAdd a reaction to a comment
deleteCommentReactionDelete a reaction
getMeGet current user
getTeamComponentsGet team components
getFileComponentsGet file components
getComponentGet component
getTeamComponentSetsGet team component sets
getFileComponentSetsGet file component sets
getComponentSetGet component set
getTeamStylesGet team styles
getFileStylesGet file styles
getStyleGet style
getWebhooksGet webhooks by context or plan
postWebhookCreate a webhook
getWebhookGet a webhook
putWebhookUpdate a webhook
deleteWebhookDelete a webhook
getTeamWebhooks[Deprecated] Get team webhooks
getWebhookRequestsGet webhook requests
getActivityLogsGet activity logs
getPaymentsGet payments
getLocalVariablesGet local variables
getPublishedVariablesGet published variables
postVariablesCreate/modify/delete variables
getDevResourcesGet dev resources
postDevResourcesCreate dev resources
putDevResourcesUpdate dev resources
deleteDevResourceDelete dev resource
getLibraryAnalyticsComponentActionsGet library analytics component action data.
getLibraryAnalyticsComponentUsagesGet library analytics component usage data.
getLibraryAnalyticsStyleActionsGet library analytics style action data.
getLibraryAnalyticsStyleUsagesGet library analytics style usage data.
getLibraryAnalyticsVariableActionsGet library analytics variable action data.
getLibraryAnalyticsVariableUsagesGet library analytics variable usage data.
On this Page