Figma MCP Server for Cloudflare Workers
Test Figma tools directly in your browser. Select a tool and provide inputs to see the results.
Create a free account to test Figma tools interactively. No credit card required.
figma_get_paymentsGet payment information. Query payment status for users. Requires appropriate permissions. Args: - user_ids: (Optional) Filter by specific user IDs Returns: Payment information for users.
figma_get_activity_logsGet activity log events. Returns audit log entries for organization activity. Requires organization admin permissions. Args: - event_type: (Optional) Filter by event type - limit: (Optional) Number of events to return - order: (Optional) Sort order ('asc' or 'desc') Returns: List of activity log entries with actor, event type, and entity info.
figma_get_component_actionsGet component action analytics for a library. Returns analytics about component inserts and detaches. Args: - file_key: The library file key - cursor: (Optional) Pagination cursor Returns: Component action data with counts of inserts and detaches.
figma_get_component_usagesGet component usage analytics for a library. Returns analytics about how components are being used across files. Args: - file_key: The library file key - cursor: (Optional) Pagination cursor Returns: Component usage data with file and instance counts.
figma_get_style_actionsGet style action analytics for a library. Returns analytics about style inserts and detaches. Args: - file_key: The library file key - cursor: (Optional) Pagination cursor Returns: Style action data with counts of inserts and detaches.
figma_get_style_usagesGet style usage analytics for a library. Returns analytics about how styles are being used across files. Args: - file_key: The library file key - cursor: (Optional) Pagination cursor Returns: Style usage data with file and usage counts.
figma_get_component_setGet metadata for a specific component set. Returns detailed information about a published component set (variant group). Args: - component_set_key: The component set key Returns: Component set metadata including name, description, and containing frame info.
figma_get_commentsGet all comments on a Figma file. Returns all comments including resolved comments and replies. Args: - file_key: The file key - as_md: (Optional) Return message content as markdown Returns: List of all comments with user info, timestamps, and thread structure.
figma_post_commentPost a comment on a Figma file. Create a new comment or reply to an existing comment. Args: - file_key: The file key - message: The comment message - comment_id: (Optional) ID of comment to reply to - node_id: (Optional) Node ID to attach comment to - x: (Optional) X coordinate for comment position - y: (Optional) Y coordinate for comment position Returns: The created comment with its ID and metadata.
figma_delete_commentDelete a comment from a Figma file. Permanently removes a comment. Only the comment author can delete it. Args: - file_key: The file key - comment_id: The comment ID to delete Returns: Confirmation of deletion.
figma_get_comment_reactionsGet reactions on a comment. Returns all emoji reactions on a specific comment. Args: - file_key: The file key - comment_id: The comment ID - cursor: (Optional) Pagination cursor Returns: List of reactions with user and emoji info.
figma_post_comment_reactionAdd a reaction to a comment. React to a comment with an emoji. Args: - file_key: The file key - comment_id: The comment ID - emoji: The emoji to react with (e.g., ":heart:", ":+1:") Returns: Confirmation of reaction added.
figma_delete_comment_reactionRemove a reaction from a comment. Remove your emoji reaction from a comment. Args: - file_key: The file key - comment_id: The comment ID - emoji: The emoji to remove Returns: Confirmation of reaction removed.
figma_get_team_componentsGet all components published to a team library. Lists all published components from team libraries. Args: - team_id: The team ID - page_size: (Optional) Number of components per page - cursor: (Optional) Pagination cursor Returns: List of components with metadata including keys, names, descriptions, and thumbnails.
figma_get_file_componentsGet all components in a file. Lists all components within a specific file. Args: - file_key: The file key Returns: List of components with their metadata.
figma_get_componentGet metadata for a specific component. Returns detailed information about a published component. Args: - component_key: The component key Returns: Component metadata including name, description, file key, and containing frame info.
figma_get_team_projectsGet all projects in a team. Lists all projects within a specific team. Args: - team_id: The team ID Returns: List of projects with their IDs and names.
figma_get_team_component_setsGet all component sets published to a team library. Lists all published component sets (variants) from team libraries. Args: - team_id: The team ID - page_size: (Optional) Number of component sets per page - cursor: (Optional) Pagination cursor Returns: List of component sets with metadata.
figma_get_file_component_setsGet all component sets in a file. Lists all component sets within a specific file. Args: - file_key: The file key Returns: List of component sets with their metadata.
figma_get_webhook_requestsGet recent webhook requests for debugging. Returns the history of recent webhook deliveries for debugging. Args: - webhook_id: The webhook ID Returns: List of recent webhook requests with payloads and response statuses.
figma_get_dev_resourcesGet dev resources for a file. Returns links to code, documentation, and other development resources attached to nodes. Args: - file_key: The file key - node_ids: (Optional) Filter by specific node IDs Returns: List of dev resources with URLs and associated node info.
figma_create_dev_resourcesCreate dev resources. Attach links to code, documentation, or other resources to design nodes. Args: - resources: Array of resources to create, each with: - name: Resource name - url: Resource URL - file_key: File key - node_id: Node ID to attach to Returns: The created dev resources.
figma_update_dev_resourcesUpdate existing dev resources. Modify the name or URL of existing dev resources. Args: - resources: Array of resource updates, each with: - id: Resource ID to update - name: (Optional) New name - url: (Optional) New URL Returns: The updated dev resources.
figma_delete_dev_resourceDelete a dev resource. Remove a dev resource link from a node. Args: - file_key: The file key - dev_resource_id: The dev resource ID to delete Returns: Confirmation of deletion.
figma_get_fileGet a Figma file by key. Returns the full document structure including all pages and layers. Args: - file_key: The file key (from the Figma URL) - version: (Optional) Specific version ID to retrieve - depth: (Optional) Depth of node tree to return (1-4) - branch_data: (Optional) Include branch metadata Returns: The complete file document with all nodes, components, and styles.
figma_get_file_nodesGet specific nodes from a Figma file. Returns JSON for specific nodes by their IDs. More efficient than getting the entire file. Args: - file_key: The file key - ids: Array of node IDs to retrieve - version: (Optional) Specific version ID - depth: (Optional) Depth of node tree Returns: The requested nodes with their properties and children.
figma_get_file_metaGet file metadata without the full document. Returns basic file information like name, last modified date, and thumbnail. Much faster than getting the full file. Args: - file_key: The file key Returns: File metadata including name, lastModified, thumbnailUrl, and version.
figma_get_imagesExport images from a Figma file. Renders specific nodes as images in various formats. Args: - file_key: The file key - ids: Array of node IDs to render - format: Image format (jpg, png, svg, pdf). Default: png - scale: Render scale (0.01 to 4). Default: 1 - svg_include_id: Include id attribute in SVG - svg_simplify_stroke: Simplify strokes in SVG - contents_only: Exclude containing frame for components - use_absolute_bounds: Use absolute bounds Returns: URLs to the rendered images (valid for 14 days).
figma_get_image_fillsGet download links for images used as fills in a file. Returns URLs to download images that are used as fills in the file. Args: - file_key: The file key Returns: Map of image references to their download URLs.
figma_get_project_filesGet all files in a project. Lists all files within a specific project. Args: - project_id: The project ID - branch_data: (Optional) Include branch information Returns: List of files with their keys, names, thumbnails, and last modified dates.
figma_get_team_stylesGet all styles published to a team library. Lists all published styles (colors, text, effects, grids) from team libraries. Args: - team_id: The team ID - page_size: (Optional) Number of styles per page - cursor: (Optional) Pagination cursor Returns: List of styles with metadata including keys, names, descriptions, and style types.
figma_get_file_stylesGet all styles in a file. Lists all styles within a specific file. Args: - file_key: The file key Returns: List of styles with their metadata.
figma_get_styleGet metadata for a specific style. Returns detailed information about a published style. Args: - style_key: The style key Returns: Style metadata including name, description, type, and file key.
figma_get_meGet the current authenticated user. Returns information about the user associated with the access token. Returns: User info including id, handle, email, and profile image URL.
figma_get_local_variablesGet all local variables in a file. Returns all variables and variable collections defined locally in the file. Args: - file_key: The file key Returns: Variables and variable collections with their values across all modes.
figma_get_published_variablesGet all published variables in a file. Returns variables that have been published from the file as a library. Args: - file_key: The file key Returns: Published variables and variable collections.
figma_modify_variablesCreate, update, or delete variables in a file. Perform bulk operations on variables, variable collections, and modes. This is a powerful operation that can modify the design system. Args: - file_key: The file key - variable_collections: (Optional) Array of collection operations - variable_modes: (Optional) Array of mode operations - variables: (Optional) Array of variable operations - variable_mode_values: (Optional) Array of value assignments Each operation requires an 'action' field: 'CREATE', 'UPDATE', or 'DELETE'. Returns: Updated variables state after modifications.
figma_get_file_versionsGet version history for a Figma file. Returns all saved versions of a file with their metadata. Args: - file_key: The file key - page_size: (Optional) Number of versions to return per page - cursor: (Optional) Pagination cursor from previous response Returns: List of versions with IDs, labels, descriptions, timestamps, and user info.
figma_get_webhooksGet all webhooks. Lists all webhooks, optionally filtered by team. Args: - team_id: (Optional) Filter webhooks by team ID Returns: List of webhooks with their configurations.
figma_create_webhookCreate a new webhook. Create a webhook to receive notifications for file events. Args: - event_type: Event type (FILE_UPDATE, FILE_VERSION_UPDATE, FILE_DELETE, FILE_COMMENT, LIBRARY_PUBLISH) - team_id: Team ID to monitor - endpoint: URL to receive webhook payloads - passcode: Secret passcode for verification - status: (Optional) ACTIVE or PAUSED - description: (Optional) Webhook description Returns: The created webhook configuration.
figma_get_webhookGet a specific webhook by ID. Args: - webhook_id: The webhook ID Returns: The webhook configuration.
figma_update_webhookUpdate an existing webhook. Args: - webhook_id: The webhook ID to update - event_type: (Optional) New event type - endpoint: (Optional) New endpoint URL - passcode: (Optional) New passcode - status: (Optional) ACTIVE or PAUSED - description: (Optional) New description Returns: The updated webhook configuration.
figma_delete_webhookDelete a webhook. Permanently removes a webhook subscription. Args: - webhook_id: The webhook ID to delete Returns: Confirmation of deletion.
figma_get_payments{
"user_ids": true
}figma_get_activity_logs{
"limit": true,
"order": "example_order",
"event_type": "example_event_type"
}figma_get_component_actions{
"cursor": "example_cursor",
"file_key": "example_file_key"
}