Add it to Claude Code
claude mcp add figma-developer-docs -- npx figma-developer-docs-mcpMake your agent remember this setup
figma-developer-docs's config, env vars, and the gotchas you hit — recalled in every future Claude Code, Cursor, and Codex session.
npx conare@latestFree · one command · indexes the sessions already on disk. Set up in the browser instead →
What it does
- Provides structured access to over 600 pages of Figma developer documentation.
- Includes comprehensive coverage of Plugin, Widget, and REST APIs.
- Supports full-text search across all documentation sections.
- Works offline by bundling scraped documentation within the package.
- Organizes documentation by section for easy navigation and discovery.
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.Try it
Original README from akari2600/figma-developer-docs-mcp
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