Integration

Figma integration

Design and prototyping platform API for accessing design files, components, styles, and team resources. Read design file structures, export images, manage comments, browse component libraries, and access design tokens. Perfect for building design-to-code tools, design system documentation, asset export pipelines, and design collaboration integrations.

Connect Figma How integrations work

Ask it in chat

Say what should happen.
The workflow builds itself.

When this happens, do that in Figma.Built from the 46 Figma tools below, on the connection you add once.

Common Figma use cases

Link to source file
Token reporting
Design system metrics
Undo reaction
Audit webhooks
Real-time sync
Security audit
Audit style usage
Clean up comments
List file variants

What you can do with Figma

Each of these is one operation on one endpoint, available both as a workflow step and as a tool an AI agent can call on its own. Nothing bundles several operations into one action, so what a run did stays readable afterwards.

Most endpoints run on the free plan. A few, mainly the ones that publish on your behalf, need a paid plan.

Webhook, 7 operations

create_webhook_v2Create webhook v2POSTCreates a new webhook subscription.
delete_webhookDelete webhookDELETEDeletes a webhook subscription.
get_team_webhooks_deprecatedGet team webhooks deprecatedGETDEPRECATED: Gets webhooks registered for a team.
get_webhookGet webhookGETGets a specific webhook by ID.
get_webhook_requestsGet webhook requestsGETGets webhook request history for the past week.
list_webhooks_v2List webhooks v2GETLists webhooks by context or plan with pagination.
update_webhookUpdate webhookPUTUpdates a webhook subscription.

Analytics, 6 operations

get_library_analytics_component_actionsGet library analytics component actionsGETGets time-series data for component actions in a library.
get_library_analytics_component_usagesGet library analytics component usagesGETGets component usage counts grouped by dimensions.
get_library_analytics_style_actionsGet library analytics style actionsGETGets time-series data for style actions in a library.
get_library_analytics_style_usagesGet library analytics style usagesGETGets style usage counts grouped by dimensions.
get_library_analytics_variable_actionsGet library analytics variable actionsGETGets time-series data for variable actions in a library.
get_library_analytics_variable_usagesGet library analytics variable usagesGETGets variable usage counts grouped by dimensions.

Dev resource, 4 operations

create_dev_resourcesCreate dev resourcesPOSTBulk creates dev resources across multiple files.
delete_dev_resourceDelete dev resourceDELETEDeletes a dev resource from a file.
get_dev_resourcesGet dev resourcesGETGets dev resources attached to nodes in a file.
update_dev_resourcesUpdate dev resourcesPUTBulk updates dev resources across multiple files.

Comment, 3 operations

delete_commentDelete commentDELETEDeletes a comment from a Figma file.
get_commentsGet commentsGETRetrieves all comments and annotations on a Figma file.
post_commentPost commentPOSTCreates a new comment on a Figma file at specific coordinates.

Component, 3 operations

get_componentGet componentGETRetrieves detailed metadata for a specific component by its unique key.
get_file_componentsGet file componentsGETGets published components from a file library.
get_team_componentsGet team componentsGETLists all reusable components published in a team's component library.

Component set, 3 operations

get_component_setGet component setGETGets metadata for a specific component set by key.
get_file_component_setsGet file component setsGETGets published component sets from a file library.
get_team_component_setsGet team component setsGETGets paginated list of published component sets (variants) for a team.

File, 3 operations

get_fileGet fileGETRetrieves complete design file structure including all frames, components, and nodes.
get_file_metaGet file metaGETRetrieves file metadata without the full document structure.
get_project_filesGet project filesGETRetrieves all design files within a specific project.

Reaction, 3 operations

delete_comment_reactionDelete comment reactionDELETERemoves an emoji reaction from a comment.
get_comment_reactionsGet comment reactionsGETGets paginated emoji reactions on a comment.
post_comment_reactionPost comment reactionPOSTAdds an emoji reaction to a comment.

Style, 3 operations

get_file_stylesGet file stylesGETGets published styles from a file library.
get_styleGet styleGETGets metadata for a specific style by key.
get_team_stylesGet team stylesGETRetrieves all published styles from a team's style library.

Variable, 3 operations

get_local_variablesGet local variablesGETGets local variables and collections from a file.
get_published_variablesGet published variablesGETGets published variables from a library file.
modify_variablesModify variablesPOSTBulk creates, updates, and deletes variables and collections.

Image, 2 operations

get_file_image_fillsGet file image fillsGETGets download URLs for all images used in image fills within a file.
get_imagesGet imagesGETExports design nodes as image files in various formats and scales.

Activity log, 1 operation

get_activity_logsGet activity logsGETGets activity log events for an organization.

Node, 1 operation

get_file_nodesGet file nodesGETRetrieves specific design nodes by their IDs without fetching the entire file.

Payment, 1 operation

get_paymentsGet paymentsGETQueries payment information for plugins, widgets, or files.

Project, 1 operation

get_team_projectsGet team projectsGETLists all projects within a Figma team.

User, 1 operation

get_meGet meGETRetrieves the authenticated user's profile and account information.

Version, 1 operation

get_file_versionsGet file versionsGETRetrieves the complete version history of a Figma file.

OAuth scopes Figma requires

Each operation declares the scopes Figma requires for it.

library_analytics:readneeded by get_library_analytics_component_actions, get_library_analytics_component_usages, get_library_analytics_style_actions and 3 more
team_library_content:readneeded by get_team_components, get_team_component_sets, get_team_styles
file_variables:readneeded by get_local_variables, get_published_variables
folders:readneeded by get_project_files, get_team_projects
file_variables:writeneeded by modify_variables
org:activity_log_readneeded by get_activity_logs

Use Figma from Claude Code, Cursor or Codex

Connect Figma in LiveContext, create an API key in Settings, then add the LiveContext MCP server to your client. Its Figma operations become tools the client can call, next to every other integration you connected.

Claude Code

claude mcp add --transport http livecontext https://livecontext.ai/mcp --header "X-API-Key: YOUR_API_KEY"

Codex (~/.codex/config.toml)

[mcp_servers.livecontext]
url = "https://livecontext.ai/mcp"

[mcp_servers.livecontext.http_headers]
"X-API-Key" = "YOUR_API_KEY"

Cursor, Claude Desktop and other JSON configs

{
  "mcpServers": {
    "livecontext": {
      "type": "http",
      "url": "https://livecontext.ai/mcp",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Set up the MCP server step by step

How to connect Figma

Create your workspace
Sign up free. Nothing to install.
Connect Figma once
Add your Figma connection in Settings. Every tool from this integration reuses it, and secrets are encrypted at rest and visible only to you.
Describe the job in chat
The workflow builds itself in front of you and picks the endpoints it needs. Drag the steps yourself on the canvas whenever you would rather be explicit.

Figma integration FAQ

What can you do with the Figma integration?

LiveContext exposes 46 operations on Figma, covering webhook, analytics, dev resource and comment. Common uses include Link to source file, Token reporting and Design system metrics.

Which OAuth scopes does Figma require?

It depends on the operation: each one declares the scopes Figma requires for it. The most common are library_analytics:read (6 operations), team_library_content:read (3 operations), file_variables:read (2 operations) and folders:read (2 operations).