Ext Ops Panel
Dashboard öffnen

io.github.TranHoaiHung/figma-ui-mcp

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

MCP-Server · von TranHoaiHung

Verbinden Vergleichen Beanspruchen

Überblick

io.github.TranHoaiHung/figma-ui-mcp ist ein MCP-Server von TranHoaiHung. Marktplätze, die wir lesen und die es listen: 1 (Official MCP Registry). Die letzte erfasste Änderung war am 2026-10-14. Stand unseres Marktplatz-Durchlaufs vom 2026-10-15.

Was es abfragt

  • Läuft auf Ihrem Rechner

Keiner der Marktplätze, die wir lesen, veröffentlicht seine Tools oder die abgefragten Einstellungen.

Was es deklariert, abfragt und ausführt, vollständig

Installieren Sie nur Plugins von Entwicklern, denen Sie vertrauen. Wir zeigen, was die Marktplätze veröffentlichen, und testen keine Plugins.

Paket

npm figma-ui-mcp (figma-ui-mcp auf npm)

  • npm-Downloads pro Woche: 786 (2026-10-13)
  • npm-Downloads pro Monat: 1 675 (2026-10-13)
  • Neueste Version auf npm: 2.5.29, veröffentlicht am 2026-10-11

Keine bekannten Schwachstellen in OSV für 2.5.29 (geprüft am 2026-10-14)

Die npm-Angaben stammen aus dem öffentlichen npm-Register (registry.npmjs.org, api.npmjs.org). Jede Zahl gehört ihrem Register und wird nie mit einer anderen addiert. Ein Register, das keine Zahl veröffentlicht, zeigt keine: keine Zahl ist nicht null. Die Schwachstelleneinträge stammen von OSV.dev (CC BY 4.0) und betreffen nur die angegebene Version; ein Eintrag ohne Version erhält keine Antwort. Wir scannen keinen Code.

Funktioniert mit

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Copilot CLI
In Cursor installierenIn VS Code installieren

Ein Ein-Klick-Link öffnet den Client, der vor dem Hinzufügen des Servers um Bestätigung bittet.

Nach den Marktplätzen, die ihn listen, und dem angegebenen MCP-Transport, wie jeder Client sie dokumentiert. Wir testen keine Plugins.

Verbinden

Befehle und Konfigurationen nur aus den Angaben der Marktplätze. Wir führen sie nicht für Sie aus und testen keine Plugins.

Als lokaler MCP-Server: npm-Paket

Erstellt aus den Angaben von Official MCP Registry.

Claude CodeTerminal
claude mcp add --transport stdio figma-ui-mcp -- npx -y figma-ui-mcp
Codex~/.codex/config.toml
[mcp_servers.figma-ui-mcp]
command = "npx"
args = ["-y", "figma-ui-mcp"]
Cursor~/.cursor/mcp.json
{
  "mcpServers": {
    "figma-ui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-ui-mcp"
      ]
    }
  }
}

Wo es veröffentlicht ist

MarktplatzStatusVersionZahlenVerifiziertErstmals gesehen
Official MCP Registry (Eintrag in der Registry öffnen) Gelistet 2.5.29 Downloads pro Monat (npm): 1 675
Downloads pro Woche (npm): 786
Forks (GitHub): 48
Sterne (GitHub): 264		 Nicht markiert

Jede Zahl stammt vom jeweiligen Marktplatz und wird nie über Marktplätze hinweg addiert. Ein Marktplatz ohne veröffentlichte Zahl zeigt keine: keine Zahl ist nicht null.

Wie sich die Zahlen entwickelt haben

Forks (GitHub)
unchanged seit 14.10
Verlauf von Official MCP Registry
  1. 2026-10-1448
  2. 2026-10-1548
Sterne (GitHub)
unchanged seit 14.10
Verlauf von Official MCP Registry
  1. 2026-10-14264
  2. 2026-10-15264

Jeder Punkt ist ein Tag, an dem wir eine andere Zahl gelesen haben; flache Abschnitte sind Tage ohne Veränderung. Zahlen verschiedener Marktplätze werden nie addiert.

Was sich geändert hat

Bei diesem Plugin hat sich nichts bewegt, seit wir es beobachten.

Ähnliche Plugins

Produkte, deren eigene Namen, Beschreibungen, Werkzeuge und Skills diesem der Bedeutung nach am nächsten sind, auf allen Marktplätzen, die wir lesen. Die Nähe ist nur innerhalb dieser Liste geordnet.

  • Figma MCP Server

    MCP server enabling AI assistants to interact with Figma designs via natural language commands

    von oabolade · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • figma-edit-mcp io.github.neozhehan/figma-edit-mcp

    Programmatically read, create, and modify Figma designs via MCP.

    von neozhehan · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    von figma · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • UI Design to Code

    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

    von Kinglions · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • localfig io.github.LucasGorgal/localfig

    The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.

    von LucasGorgal · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • figma-mcp-bridge io.github.kolganovr/figma-mcp-bridge

    Write to a live Figma canvas, get a screenshot back, and roll back mistakes. Zero deps, free plan.

    von kolganovr · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • plumb-mcp io.github.tathagat22/plumb-mcp

    Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

    von tathagat22 · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • genable-mcp io.github.musepy/genable-mcp

    Write to Figma from any MCP client (Claude Code, Cursor). Complements the read-only official MCP.

    von musepy · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • figma-react io.github.MananSingh2001/figma-react

    An MCP server that converts Figma designs into React code.

    von MananSingh2001 · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • Mimic AI

    Builds Figma from your design system: real components and tokens, enforced, learning every build.

    von miapre · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

Ähnliche Plugins nach Marktplatz

Dieselbe Frage an jeden Marktplatz einzeln: Gibt es dort ein Gegenstück zu diesem Plugin?

Gelistet auf Claude Code: claude-plugins-community (5)

  • bridge-ds

    AI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated specs, and generates production-ready…

    von noemuch · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-community · Beschreibt nahezu dieselbe Aufgabe

  • figma-suite

    Design production-quality screens in Figma using your design system — every property variable-bound, every element a component instance. Build and edit Figma component libraries…

    von robukh · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-community · Beschreibt nahezu dieselbe Aufgabe

  • f-mcp-bridge

    Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…

    von atezer · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-community · Beschreibt nahezu dieselbe Aufgabe

  • rayden-ui-design-skill

    Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…

    von playbookTV · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-community · Beschreibt nahezu dieselbe Aufgabe

  • html2figma

    Capture any web page and convert it into an editable Figma design

    von asxelot · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-community · Beschreibt nahezu dieselbe Aufgabe

Gelistet auf Claude Code: claude-plugins-official (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    von figma · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • Superdesign

    Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…

    von superdesigndev · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Community GitHub marketplaces · Beschreibt eine ähnliche Aufgabe

  • frontend-design

    Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

    von Anthropic · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official · Beschreibt eine ähnliche Aufgabe

  • mcp-apps

    Skills for creating MCP Apps with the MCP Apps SDK

    von modelcontextprotocol · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Claude Code: claude-plugins-community, Community GitHub marketplaces · Beschreibt eine verwandte Aufgabe

  • playground

    Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…

    von Anthropic · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official · Beschreibt eine verwandte Aufgabe

Gelistet auf Claude: knowledge-work-plugins (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    von figma · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • miro

    Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.

    von miroapp · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Beschreibt eine ähnliche Aufgabe

  • Design

    Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.

    von Anthropic · Plugin-Paket

    Gelistet auf: Claude: knowledge-work-plugins · Beschreibt eine ähnliche Aufgabe

  • AI-Firstify

    AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp

    von techwolf-ai · Plugin-Paket

    Gelistet auf: Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Beschreibt eine ähnliche Aufgabe

  • Unity

    Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.

    von Unity-Technologies · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Community GitHub marketplaces · Beschreibt eine ähnliche Aufgabe

Gelistet auf Codex: openai-curated (openai/plugins) (5)

  • Figma

    Figma workflows for design implementation, Code Connect templates, and design system rule generation.

    von Figma · Plugin-Paket

    Gelistet auf: Codex: openai-curated (openai/plugins) · Beschreibt nahezu dieselbe Aufgabe

  • MagicPath

    Use MagicPath to find, inspect, install, create, and edit UI components from Codex.

    von MagicPathAI · Plugin-Paket

    Gelistet auf: Codex: openai-curated (openai/plugins) · Beschreibt nahezu dieselbe Aufgabe

  • Product Design

    The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…

    von OpenAI · Plugin-Paket

    Gelistet auf: Codex: openai-curated (openai/plugins) · Beschreibt nahezu dieselbe Aufgabe

  • Build Web Apps

    Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.

    von OpenAI · Plugin-Paket

    Gelistet auf: Codex: openai-curated (openai/plugins) · Beschreibt nahezu dieselbe Aufgabe

  • Build iOS Apps

    Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.

    von OpenAI · Plugin-Paket

    Gelistet auf: Codex: openai-curated (openai/plugins), Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

Gelistet auf Community GitHub marketplaces (5)

  • UI Design to Code

    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

    von Kinglions · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • figma-mcp-rs io.github.jirayusueb/figma-mcp-rs

    Figma/FigJam MCP server with read/write via plugin — no API token, no limits. 78 tools.

    von jirayusueb · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • Anima MCP Server

    Connect AI coding agents to Anima Playground, Figma, and your design system.

    von AnimaApp · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • figma-mcp-rust io.github.alvinindra/figma-mcp-rust

    Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.

    von alvinindra · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • designfit

    Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

    von as9978 · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

Gelistet auf Copilot CLI: github/awesome-copilot (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    von figma · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • draw

    Draw simple diagrams in a Copilot canvas: shapes, arrows that stay attached, text and a freehand pen. Copilot can read, create and edit the same drawing, tidy its layout, and…

    von Burke Holland · Plugin-Paket

    Gelistet auf: Copilot CLI: github/awesome-copilot · Beschreibt eine ähnliche Aufgabe

  • typescript-mcp-development

    Complete toolkit for building Model Context Protocol (MCP) servers in TypeScript/Node.js using the official SDK. Includes instructions for best practices, a prompt for generating…

    von Awesome Copilot Community · Plugin-Paket

    Gelistet auf: Copilot CLI: github/awesome-copilot · Beschreibt eine ähnliche Aufgabe

  • radius

    Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.

    von radius-project · Plugin-Paket

    Gelistet auf: Copilot CLI: github/awesome-copilot · Beschreibt eine ähnliche Aufgabe

  • chromium-control-canvas

    Opens a real Chromium window you can navigate and interact with from a Copilot canvas control panel and agent actions.

    von Andrea Griffiths · Plugin-Paket

    Gelistet auf: Copilot CLI: github/awesome-copilot · Beschreibt eine ähnliche Aufgabe

Gelistet auf Copilot CLI: github/copilot-plugins (5)

  • canvas-apps

    Build Power Apps Canvas Apps using the Canvas Authoring MCP server.

    von microsoft · Plugin-Paket

    Gelistet auf: Copilot CLI: github/copilot-plugins · Beschreibt nahezu dieselbe Aufgabe

  • mcp-apps

    Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.

    von microsoft · Plugin-Paket

    Gelistet auf: Copilot CLI: github/copilot-plugins · Beschreibt nahezu dieselbe Aufgabe

  • microsoft-365-agents-toolkit

    Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.

    von microsoft · Plugin-Paket

    Gelistet auf: Copilot CLI: github/copilot-plugins · Beschreibt nahezu dieselbe Aufgabe

  • code-apps-preview

    Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.

    von microsoft · Plugin-Paket

    Gelistet auf: Copilot CLI: github/copilot-plugins · Beschreibt nahezu dieselbe Aufgabe

  • mobile-app

    Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors

    von microsoft · Plugin-Paket

    Gelistet auf: Copilot CLI: github/copilot-plugins · Beschreibt nahezu dieselbe Aufgabe

Gelistet auf Cursor: cursor/plugins (5)

  • Excalidraw

    Draw and export hand-drawn diagrams from chat.

    von Cursor · Plugin-Paket

    Gelistet auf: Cursor: cursor/plugins · Beschreibt nahezu dieselbe Aufgabe

  • Docs Canvas

    Render documentation as a navigable canvas.

    von Cursor · Plugin-Paket

    Gelistet auf: Cursor: cursor/plugins · Beschreibt nahezu dieselbe Aufgabe

  • Cursor SDK

    Build apps, scripts, and automations with the TypeScript SDK.

    von Cursor · Plugin-Paket

    Gelistet auf: Cursor: cursor/plugins · Beschreibt nahezu dieselbe Aufgabe

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

    von Cursor · Plugin-Paket

    Gelistet auf: Cursor: cursor/plugins · Beschreibt nahezu dieselbe Aufgabe

  • Gamma

    Generate presentations, documents, and webpages.

    von Cursor · Plugin-Paket

    Gelistet auf: Cursor: cursor/plugins · Beschreibt nahezu dieselbe Aufgabe

Gelistet auf Docker MCP Catalog (5)

  • Glif

    Generate images, video, and audio with Glif's media-generation agent

    von glif.app · MCP-Server

    Gelistet auf: Official MCP Registry, Docker MCP Catalog, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • Desktop Commander

    MCP server for terminal commands, file operations, and process management

    von wonderwhy-er · MCP-Server

    Gelistet auf: Official MCP Registry, Claude Code: claude-plugins-official, Docker MCP Catalog, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • OpenMesh

    Discover and connect to a curated marketplace of MCP servers for extending AI agent capabilities.

    von docker · MCP-Server

    Gelistet auf: Docker MCP Catalog · Beschreibt nahezu dieselbe Aufgabe

  • mcp-server-browserbase io.github.browserbase/mcp-server-browserbase

    MCP server for AI web browser automation using Browserbase and Stagehand

    von browserbase · MCP-Server

    Gelistet auf: Official MCP Registry, Docker MCP Catalog · Beschreibt nahezu dieselbe Aufgabe

  • Postman MCP Server

    Give your AI agents trusted access to the full Postman platform.

    von postman.com · MCP-Server

    Gelistet auf: Official MCP Registry, Docker MCP Catalog · Beschreibt nahezu dieselbe Aufgabe

Gelistet auf Official MCP Registry (5)

  • Figma MCP Server

    MCP server enabling AI assistants to interact with Figma designs via natural language commands

    von oabolade · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • figma-edit-mcp io.github.neozhehan/figma-edit-mcp

    Programmatically read, create, and modify Figma designs via MCP.

    von neozhehan · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    von figma · Plugin-Paket

    Gelistet auf: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • UI Design to Code

    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

    von Kinglions · MCP-Server

    Gelistet auf: Official MCP Registry, Community GitHub marketplaces · Beschreibt nahezu dieselbe Aufgabe

  • localfig io.github.LucasGorgal/localfig

    The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.

    von LucasGorgal · MCP-Server

    Gelistet auf: Official MCP Registry · Beschreibt nahezu dieselbe Aufgabe

Nach Bedeutung gefunden, nicht über gemeinsamen Code oder ein gemeinsames Repository: Ähnliche Plugins bleiben getrennte Produkte, und dies ist weder eine Bewertung noch eine Empfehlung.

Möchten Sie dieses Zeichen für Ihr Plugin in unserem Katalog?

Belegen Sie mit einer Datei im Repository, einer Datei auf Ihrer Domain oder einem DNS-Eintrag, dass Sie es pflegen, und Sie können dieses Zeichen auf der Karte zeigen, dazu Live-Banner für Ihre Website und Ihr README. So funktioniert die Verifizierung

Außerdem erhalten Sie Hinweise, wenn ein Marktplatz es aufnimmt, entfernt, sein Verified-Zeichen oder seine Anforderungen ändert, und sein Remote-Endpunkt wird wie ein Webdienst überwacht.

Zu Ihren Projekten hinzufügen Ansehen, was das Panel kann

Daten von Official MCP Registry. Die Zahlen stammen aus unseren eigenen regelmäßigen Durchläufen über die Marktplätze, zuletzt abgerufen am . Kontaktdaten von Plugin-Herausgebern veröffentlichen wir nicht.

Woher die Daten stammen: wie der Katalog entsteht