# Figma Console MCP

## Docs

- [Technical Architecture](https://docs.figma-console-mcp.southleft.com/architecture.md): Deep dive into Figma Console MCP's architecture, deployment modes, component details, and data flows.
- [FigJam Support](https://docs.figma-console-mcp.southleft.com/figjam.md): AI agents can now create and read FigJam boards — sticky notes, flowcharts, tables, code blocks, and more. A complete guide to the 9 FigJam tools.
- [Figma MCP vs. Figma Console MCP](https://docs.figma-console-mcp.southleft.com/figma-mcp-vs-figma-console-mcp.md): An objective comparison of Figma's official MCP server and Figma Console MCP — shared capabilities, real differences, and when to use which.
- [Figma Console MCP](https://docs.figma-console-mcp.southleft.com/index.md): Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
- [What is Figma Console MCP?](https://docs.figma-console-mcp.southleft.com/introduction.md): A beginner's guide to understanding MCP, Figma Console MCP, and how AI assistants can transform your design workflow.
- [MCP Apps](https://docs.figma-console-mcp.southleft.com/mcp-apps.md): Interactive UI experiences powered by the MCP Apps protocol extension. Browse design tokens, inspect components, and more — rendered inline in your AI assistant.
- [Mode Comparison](https://docs.figma-console-mcp.southleft.com/mode-comparison.md): Understand the differences between Remote, Cloud Mode, Local, and NPX installation methods and when to use each.
- [OAuth Setup](https://docs.figma-console-mcp.southleft.com/oauth-setup.md): Configure OAuth authentication for the Figma Console MCP server, enabling automatic browser-based authentication.
- [Reconstruction Format](https://docs.figma-console-mcp.southleft.com/reconstruction-format.md): Generate node tree specifications for programmatic component creation with the Figma Component Reconstructor plugin.
- [Security & Privacy](https://docs.figma-console-mcp.southleft.com/security.md): Security architecture, data handling, and compliance information
- [Self-Hosting](https://docs.figma-console-mcp.southleft.com/self-hosting.md): Deploy your own instance of Figma Console MCP on Cloudflare Workers for enterprise requirements or custom configurations.
- [Setup Guide](https://docs.figma-console-mcp.southleft.com/setup.md): Complete setup instructions for connecting Figma Console MCP to Claude Desktop, OpenAI Codex, GitHub Copilot, Cursor, Windsurf, and other AI clients.
- [Figma Slides Support](https://docs.figma-console-mcp.southleft.com/slides.md): AI agents can now manage entire presentations — create slides, set transitions, reorder decks, and add content. A complete guide to the 15 Slides tools.
- [Tools Reference](https://docs.figma-console-mcp.southleft.com/tools.md): Complete API reference for all 90+ MCP tools, including parameters, return values, and usage examples.
- [Troubleshooting](https://docs.figma-console-mcp.southleft.com/troubleshooting.md): Solutions to common issues including browser connection, console logs, screenshots, and configuration problems.
- [Use Cases](https://docs.figma-console-mcp.southleft.com/use-cases.md): Real-world scenarios for design system extraction, component implementation, accessibility scanning, and AI-assisted design creation.

## OpenAPI Specs

- [openapi](https://docs.figma-console-mcp.southleft.com/api-reference/openapi.json)

## Optional

- [GitHub](https://github.com/southleft/figma-console-mcp)
- [npm](https://www.npmjs.com/package/figma-console-mcp)
- [Changelog](https://github.com/southleft/figma-console-mcp/blob/main/CHANGELOG.md)
- [Sponsor](https://github.com/sponsors/southleft)