Skip to main content
Glama
mhue26

figma-mcp-hybrid

by mhue26

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault
FIGMA_TOKENNoFigma personal access token for REST read tools

Capabilities

Features and capabilities supported by this server

CapabilityDetails
tools
{
  "listChanged": true
}
prompts
{
  "listChanged": true
}
completions
{}

Tools

Functions exposed to the LLM to take actions

NameDescription
get_figma_fileA

Get a Figma file's document tree via the REST API. Reads any file by key (no need to open it in Figma). Keep depth low (default 2) to avoid huge responses. Requires FIGMA_TOKEN.

get_figma_nodesA

Get specific nodes by ID from a Figma file via the REST API. Prefer this over fetching the whole file for targeted inspection. Requires FIGMA_TOKEN.

get_figma_componentsB

List published components in a Figma file via the REST API. Requires FIGMA_TOKEN.

get_figma_stylesB

List styles (colors, text, effects, grids) in a Figma file via the REST API. Requires FIGMA_TOKEN.

get_figma_commentsA

Get all comments on a Figma file via the REST API. Requires FIGMA_TOKEN.

post_figma_commentA

Post a comment on a Figma file via the REST API. Optionally anchor it to a node. Requires FIGMA_TOKEN.

get_figma_imagesA

Render nodes from a Figma file as image URLs via the REST API (PNG/JPG/SVG/PDF). Requires FIGMA_TOKEN.

get_document_infoC

Get detailed information about the current Figma document

get_selectionB

Get information about the current selection in Figma

read_my_designA

Get detailed information about the current selection in Figma, including all node details

get_node_infoB

Get detailed information about a specific node in Figma

get_nodes_infoC

Get detailed information about multiple nodes in Figma

create_rectangleB

Create a new rectangle in Figma

create_frameC

Create a new frame in Figma

create_textC

Create a new text element in Figma

set_fill_colorC

Set the fill color of a node in Figma can be TextNode or FrameNode

set_stroke_colorB

Set the stroke color of a node in Figma

move_nodeB

Move a node to a new position in Figma

clone_nodeB

Clone an existing node in Figma

resize_nodeC

Resize a node in Figma

delete_nodeC

Delete a node from Figma

delete_multiple_nodesC

Delete multiple nodes from Figma at once

export_node_as_imageC

Export a node as an image from Figma

set_text_contentB

Set the text content of an existing text node in Figma

get_stylesA

Get all styles from the current Figma document

get_local_componentsA

Get all local components from the Figma document

get_annotationsA

Get all annotations in the current document or specific node

set_annotationB

Create or update an annotation

set_multiple_annotationsC

Set multiple annotations parallelly in a node

create_component_instanceA

Create an instance of a component in Figma. For LOCAL components (from get_local_components), use componentId with the id field. For published LIBRARY components, use componentKey with the publishedKey field.

get_instance_overridesA

Get all override properties from a selected component instance. These overrides can be applied to other instances, which will swap them to match the source component.

set_instance_overridesB

Apply previously copied overrides to selected component instances. Target instances will be swapped to the source component and all copied override properties will be applied.

set_corner_radiusC

Set the corner radius of a node in Figma

scan_text_nodesC

Scan all text nodes in the selected Figma node

scan_nodes_by_typesB

Scan for child nodes with specific types in the selected Figma node

set_multiple_text_contentsC

Set multiple text contents parallelly in a node

set_layout_modeB

Set the layout mode and wrap behavior of a frame in Figma

set_paddingB

Set padding values for an auto-layout frame in Figma

set_axis_alignA

Set primary and counter axis alignment for an auto-layout frame in Figma

set_layout_sizingB

Set horizontal and vertical sizing modes for an auto-layout frame in Figma

set_item_spacingB

Set distance between children in an auto-layout frame

get_reactionsA

Get Figma Prototyping Reactions from multiple nodes. CRITICAL: The output MUST be processed using the 'reaction_to_connector_strategy' prompt IMMEDIATELY to generate parameters for connector lines via the 'create_connections' tool.

set_default_connectorC

Set a copied connector node as the default connector

create_connectionsC

Create connections between nodes using the default connector style

set_focusA

Set focus on a specific node in Figma by selecting it and scrolling viewport to it

set_selectionsA

Set selection to multiple nodes in Figma and scroll viewport to show them

join_channelC

Join a specific channel to communicate with Figma

Prompts

Interactive templates invoked by user choice

NameDescription
design_strategyBest practices for working with Figma designs
read_design_strategyBest practices for reading Figma designs
text_replacement_strategySystematic approach for replacing text in Figma designs
annotation_conversion_strategyStrategy for converting manual annotations to Figma's native annotations
swap_overrides_instancesGuide to swap instance overrides between instances
reaction_to_connector_strategyStrategy for converting Figma prototype reactions to connector lines using the output of 'get_reactions'

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/mhue26/figma-mcp-hybrid'

If you have feedback or need assistance with the MCP directory API, please join our Discord server