Skip to main content
Glama
figma-developer-docs-mcp

figma-developer-docs-mcp

by akari2600

figma-developer-docs-mcp

An MCP (Model Context Protocol) server that provides AI coding assistants with structured access to the complete Figma developer documentation.

Coverage

Section

Pages

Content

Plugin API

450

Node types, properties, methods, guides

Widget API

78

Components, hooks, types, guides

REST API

51

Endpoints, authentication, webhooks, SCIM

Figma MCP Server

23

Setup, tools, troubleshooting

Code (Figma Make)

19

Code layers, properties, guidelines

Code Connect

18

React, SwiftUI, Compose, CI/CD

Embeds

8

Embed kit, security, API

Total

649

Related MCP server: Figma MCP Server

Usage

With Claude Code

claude mcp add figma-developer-docs -- npx figma-developer-docs-mcp

With Claude Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "figma-developer-docs": {
      "command": "npx",
      "args": ["figma-developer-docs-mcp"]
    }
  }
}

With any MCP client

npx figma-developer-docs-mcp

The server communicates over stdio using the MCP protocol.

Tools

read-figma-developer-docs-index

Returns the full documentation index — all sections and page listings. Use this first to discover what's available.

read-figma-developer-docs-pages

Reads specific documentation pages by path. Accepts an array of paths from the index.

paths: ["/docs/plugins/api/TextNode", "/docs/plugins/working-with-text"]

search-figma-developer-docs

Full-text search across all documentation. Returns matching pages with excerpts.

query: "createImage"
section: "plugins"  // optional: limit to a section
maxResults: 10      // optional

Development

# Install dependencies
npm install

# Build
npm run build

# Re-scrape documentation (requires internet)
npm run scrape

# Run locally
node dist/index.js

How it works

The documentation is scraped from developers.figma.com and converted to Markdown files organized by section. The MCP server reads these files on demand and serves them through three tools: index, read, and search.

The scraped docs are included in the npm package so the server works offline with no network requests.

License

MIT

Available Tools

3 tools
read-figma-developer-docs-indexRead Figma Developer Docs IndexA

Read the Figma developer documentation index. Returns all documentation sections (Plugin API, Widget API, REST API, Code Connect, Embeds, Figma MCP Server, Code/Make) with page listings. Use this first to discover what documentation is available, then use read-figma-developer-docs-pages to read specific pages.

Inputs: no named parameters.

read-figma-developer-docs-pagesRead Figma Developer Docs PagesA

Read specific pages of the Figma developer documentation. Provide page paths from the index (e.g., '/docs/plugins/api/TextNode', '/docs/rest-api/authentication'). Returns the full markdown content of each requested page. You can request multiple pages at once.

Inputs: paths (required).

search-figma-developer-docsSearch Figma Developer DocsA

Search across all Figma developer documentation for a keyword or phrase. Returns matching page paths and relevant excerpts. Useful when you know what you're looking for but not which page it's on.

Inputs: query (required), section, maxResults.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

Loading tool schema changelog…

    TDQS

    A4.2/5.0

    Scored across 3 tools

    Disambiguation5/5

    Each tool has a clearly distinct purpose: one reads the index to discover available documentation, one reads specific pages for detailed content, and one searches across all documentation. There is no overlap in functionality, making it easy for an agent to select the right tool based on the task.

    Naming Consistency5/5

    All tool names follow a consistent verb_noun pattern with hyphens: 'read-figma-developer-docs-index', 'read-figma-developer-docs-pages', and 'search-figma-developer-docs'. This predictability enhances usability and reduces confusion.

    Tool Count4/5

    Three tools are well-scoped for the server's purpose of accessing Figma developer documentation, covering discovery, reading, and searching. While slightly minimal, each tool earns its place, and there is no bloat or obvious missing functionality for this focused domain.

    Completeness5/5

    The tool set provides complete coverage for the domain of accessing documentation: it allows agents to discover available docs via the index, read specific pages for detailed information, and search across all content when needed. There are no gaps that would cause agent failures in typical documentation workflows.

    Maintenance

    ActivityInactive
    ResponsivenessNo recent community issues

    Related MCP Connectors

    Related MCP Servers

    • A
      license
      Not graded
      quality
      D
      maintenance
      Enables AI assistants like Cursor to interact with Figma designs programmatically. Supports reading design information, modifying elements, creating components, managing text content, and automating design workflows through natural language commands.
      1,058 npm
      MIT
    • A
      license
      A
      quality
      D
      maintenance
      Enables AI agents to interact with Figma to create, read, and manage designs using the Figma REST API and a dedicated plugin. It supports advanced features like UI generation from text, webpage reconstruction in Figma, and design token synchronization with codebases.
      20
      MIT
    • F
      license
      B
      quality
      D
      maintenance
      Enables AI agents to read, inspect, and export Figma designs programmatically. Provides tools for listing components, styles, and exporting assets in various formats.
      5
      1
      -