Cette page est affichée en anglais. Une traduction française est en cours.
MCP ConfigsMay 13, 2026·2 min de lecture

figma-console-mcp — Figma Design System via MCP

figma-console-mcp exposes your Figma design system as MCP tools (100+ in NPX mode). Verified 1,671★; setup is ~5–10 minutes with a Figma token.

MCP Hub
MCP Hub · Community
Prêt pour agents

Cet actif peut être lu et installé directement par les agents

TokRepo expose une commande CLI universelle, un contrat d'installation, le metadata JSON, un plan selon l'adaptateur et le contenu raw pour aider les agents à juger l'adaptation, le risque et les prochaines actions.

Needs Confirmation · 62/100Policy : confirmer
Surface agent
Tout agent MCP/CLI
Type
Mcp
Installation
Npx
Confiance
Confiance : Established
Point d'entrée
npx -y figma-console-mcp@latest
Commande CLI universelle
npx tokrepo install 805626dc-8a71-5664-9f00-e991f7127671
contrat d'installationJSON metadataplan adaptateurcontenu raw
Introduction

figma-console-mcp exposes your Figma design system as MCP tools (100+ in NPX mode). Verified 1,671★; setup is ~5–10 minutes with a Figma token.

Best for: Design+dev teams who want agents to extract tokens/components and debug UI drift

Works with: Claude Code, Cursor, Windsurf, Claude Desktop, any MCP client (NPX/Cloud/Remote SSE)

Setup time: 5-10 minutes

Key facts (verified)

  • GitHub: 1671 stars · 193 forks · pushed 2026-05-13.
  • License: MIT · owner avatar + repo URL verified via GitHub API.
  • README-verified entrypoint: npx -y figma-console-mcp@latest.

Main

  • Use NPX/Local Git mode when you need write access (create/modify frames/components) and the full 100+ tool set as documented in README.

  • Treat it as design-to-code glue: extract variables/styles, generate changelogs, and run accessibility scans to reduce UI drift between Figma and code.

  • If you only need read-only exploration, README documents Remote SSE mode (~2 minutes) with a smaller tool surface.

Source-backed notes

  • README states NPX/Local Git mode exposes 100+ tools; Remote SSE is read-only with a smaller subset.
  • README includes a Claude Code setup example using claude mcp add ... -- npx -y figma-console-mcp@latest and a Figma access token.
  • README highlights capabilities like version history, diffs, markdown changelogs, and accessibility scanning (WCAG checks).

FAQ

  • Do I need Figma Desktop?: Yes for write workflows — README recommends Figma Desktop for full capabilities; web-only has limits.
  • Which setup is fastest?: README lists Remote SSE as ~2 minutes for read-only exploration.
  • Is it only for extraction?: No — README includes creation/editing tools and accessibility scanning in NPX/Local modes.
🙏

Source et remerciements

Source: https://github.com/southleft/figma-console-mcp > License: MIT > GitHub stars: 1671 · forks: 193

Fil de discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires

Figma Context MCP — Design-to-Code for AI Agents

MCP server that gives AI coding agents access to Figma design context. Provides layout, styles, and component info so agents like Cursor and Claude Code can generate pixel-perfect code. 14K+ stars.

MCP Configs
MCP Hub

Talk to Figma MCP — Control Figma from Cursor

Talk to Figma MCP connects Cursor/Claude Code to Figma via an MCP server plus plugin, enabling read/modify workflows for design automation.

MCP Configs
MCP Hub

Google Stitch MCP — AI Design via Model Context Protocol

Connect Claude Code, Cursor, Gemini CLI, or VS Code to Google Stitch for AI-driven UI design. Create projects, generate screens from text, edit designs, manage design systems — all via MCP.

MCP Configs
Google · Gemini Team

BrowserToolsMCP — Audit Browser Logs via MCP

BrowserToolsMCP streams browser logs to MCP clients: install via `npx`, run a local server, and audit network/console events from your IDE (7.2k★).

MCP Configs
MCP Hub
◈Accueil🔍Rechercher👤Moi