Structured access to the complete Figma developer documentation
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 |
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
Tools (3)
read-figma-developer-docs-indexReturns the full documentation index including all sections and page listings.read-figma-developer-docs-pagesReads specific documentation pages by path.search-figma-developer-docsPerforms a full-text search across all documentation with optional section filtering.Configuration
{"mcpServers": {"figma-developer-docs": {"command": "npx", "args": ["figma-developer-docs-mcp"]}}}