Figma MCP Bridge

{
  "mcpServers": {
    "figma-mcp-bridge": {
      "command": "npx",
      "args": [
        "-y",
        "@gethopp/figma-mcp-bridge"
      ]
    }
  }
}

claude mcp add --transport stdio figma-mcp-bridge -- npx -y @gethopp/figma-mcp-bridge

{
  "mcpServers": {
    "figma-mcp-bridge": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@gethopp/figma-mcp-bridge"
      ]
    }
  }
}

{
  "servers": {
    "figma-mcp-bridge": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@gethopp/figma-mcp-bridge"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

• list_files

  List all connected Figma files (supports multi-file workflows)

• get_document

  Get the current Figma page document tree

• get_selection

  Get the currently selected nodes in Figma

• get_node

  Get a specific Figma node by ID (colon format, e.g. 4029:12345)

• get_prototype_connections

  Read prototype interactions on a node and its descendants

• trace_prototype_flow

  Trace prototype navigation between screens

• get_styles

  Get all local paint, text, effect, and grid styles

• get_metadata

  Get file name, pages, and current page info

• get_design_context

  Get a depth-limited tree optimized for understanding design context

• get_variable_defs

  Get all variable collections, modes, and values (design tokens)

• get_screenshot

  Export nodes as PNG/SVG/JPG/PDF (base64-encoded)

• save_screenshots

  Export and save screenshots directly to the local filesystem

• get_motion_styles

  List all available animation presets (beta)

• get_node_motion

  Read a node's current animation styles and properties (beta)

• apply_animation_style

  Apply a preset animation style to a node (beta)

• remove_animation_style

  Remove an applied animation style from a node (beta)

• apply_manual_keyframe_track

  Apply a manual keyframe track to a node property (beta)

• remove_manual_keyframe_track

  Remove a manual keyframe track from a node property (beta)

• set_timeline_duration

  Set the duration of a timeline in seconds (beta)

• set_node_visibility

  Show or hide specific nodes

• set_text_content

  Replace the contents of a text node (TEXT, FigJam sticky, or shape label)

• set_text_properties

  Patch font, size, alignment, auto-resize, color, and bounds on text nodes/sublayers

• set_node_properties

  Patch common node properties: name, position, size, visibility, opacity, corner radius (single or batch)

• set_solid_fill

  Replace a node's fill or stroke with a single solid paint

• set_gradient_fill

  Replace a node's fill or stroke with a linear/radial/angular/diamond gradient

• set_effects

  Replace a node's effects list (drop/inner shadows, layer/background blurs)

• set_stroke_properties

  Patch stroke weight, align, dash pattern, cap, and join

• set_auto_layout

  Configure auto-layout direction, padding, gap, alignment, sizing, and wrap (not sections)

• create_page

  Create a new page in the document, optionally switching to it

• create_frame

  Create a new frame, optionally under a parent

• create_section

  Create a section — a named, resizable container (Figma and FigJam)

• create_text

  Create a new text node

• create_shape

  Create a rectangle, ellipse, or line

• create_shape_with_text

  Create a FigJam shape with its own text label (SHAPEWITHTEXT), incl. text fill

• create_image

  Create an image-backed rectangle from a local path, URL, or data URI

• create_sticky

  Create a sticky note in FigJam

• create_connector

  Create a connector between two nodes in FigJam, with attachment anchors

• import_html_layers

  Bulk-import an html-figma layer tree (JSON) as frames, text, rectangles, and vectors

• duplicate_nodes

  Duplicate nodes in place

• duplicate_with_offset

  Duplicate nodes and move each duplicate by a fixed offset

While other amazing Figma MCP servers like Figma-Context-MCP exist, one issues is the API limiting for free users. The limit for free accounts is 6 requests per month, yes per month.

• design-to-code
• figma
• mcp
• mcp-server