MZP · Feldrecherche

Recherche · Stand 17. Oktober 2026 · 12 Quellen, davon 7 direkt im Repository

DIE drei, DIE ZEICHNEN

Drei MCP-Server auf GitHub, die Designern wirklich etwas geben — ausgewählt nicht nach Sternen, sondern nach dem, was sie einem Agenten liefern, das im Modell nicht steckt: die Komposition einer Datei, die Leinwand selbst, den Bauteil-Vorrat. Und sieben Vorschläge, wie der MZP davon lernt.

Geprüft Repos + READMEs gelesen Rang 5 Kriterien Ziel Agenten und Menschen

MCP ist 2026 das Plug-in-Modell des Agenten-Zeitalters — nur mit umgekehrtem Vorzeichen: nicht der Mensch klickt, der Agent ruft.

Für Design heißt das: der Agent muss nicht schön reden, er muss sehen und zeichnen. Die Server, die bleiben, sind die, die dem Modell geben, was nicht im Training steht — die echte Komposition einer Datei, die aktuelle Fassung einer Design-System-Variable, die Leinwand selbst. Ein Screenshot als Prompt ist eine Notlösung; strukturierte Design-Daten sind die Sprache.

01 — MethodikWie hier gerankt wird

Sterne allein sind ein schlechter Ratgeber: sie messen Aufmerksamkeit von vor zwei Jahren. Ich habe fünf Größen gewichtet und zwei harte Tore vorangestellt.

AdoptionSterne, Forks, Installs — aber logarithmisch, damit ein Gigant das Feld nicht plättet.
FrischeLetzter Commit und Release-Tempo. Ein Server, der seit einem Jahr steht, ist tot, egal wie schön.
Agent-ReifeLiefert er strukturierte Daten statt Pixel? Kann er lesen und schreiben? Wie viel Risiko trägt ein Aufruf?
WartungOffener Issue-Anteil, offizielle Betreuung statt Einzelperson.
Token-ÖkonomieWie viel Kontext frisst die bloße Anwesenheit — und ersetzt er den teuren Screenshot-Prompt?

Tor 1 — Lizenz: nur quelloffen (MIT, Apache-2.0, MPL-2.0, ISC). Tor 2 — Betreiber: wer hinter dem Server steht, muss am Gedeihen des zugrunde liegenden Werkzeugs interessiert sein, sonst driftet die Integration lautlos weg. Deshalb dominieren hier offizielle und etablierte Server.

Zur Belastbarkeit: Repo-Zahlen unten stammen direkt aus den Repositories (17.10.2026) und sind Momentaufnahmen. Aggregatoren (Glama, best-of-mcp-servers, MCP100) widersprechen sich um bis zu 20 %, je nachdem, ob sie org-, repo- oder registry-basiert zählen. Wo ich mich auf sie stütze, steht es dabei.

02 — Platz 1Die Naht zwischen Entwurf und Code

01

Framelink Figma Context MCP

GLips/Figma-Context-MCP · TypeScript · MIT
16,0k ★ 1,27k Forks 260 Commits v0.13.2 stdio + HTTP

Was er dem Agenten gibt

Zugriff auf eine Figma-Datei, aber übersetzt: statt der rohen REST-Antwort liefert der Server nur Layout, Stil, Komponenten-Struktur und Variablen, die zum Nachbauen nötig sind. Zwei Werkzeuge genügen — get_figma_data (Datei oder Knoten → schlanke Beschreibung) und download_figma_images (Assets, Vektor wie Raster). Das Ergebnis: ein Agent baut einen Frame in React, Vue, Svelte oder schlicht HTML/CSS in einem Zug nach, ohne Screenshot-Raten.

Warum er vorn steht

Er ist der Server, der Design-to-Code für Agenten überhaupt salonfähig gemacht hat — mit Abstand die höchste Verbreitung unter allen reinen Designer-Servern (16,0k ★, rund 288.000 Paket-Downloads in 30 Tagen). Und er behandelt das eigentliche Problem der Gattung als Design-Aufgabe: Kontext ist knapp. Nicht „mehr Daten“ ist die Antwort, sondern die richtigen — die Ausgabe schrumpfte in v0.13 um rund die Hälfte.

Das Detail, das ihn gut macht

  • Tree statt YAML als Standard (v0.13): token-effizienter, für Modelle besser lesbar.
  • Redundanz weg: wiederkehrende Stile und Teilbäume werden zusammengefasst, Vollflächen-Füllungen zu einer Farbe verflacht.
  • Ehrliche Physik: Blur-Radius wird für CSS halbiert, Letter-Spacing in em statt exotischer px-Werte — keine hypergenauen Zahlen, die im Browser falsch aussehen.
  • Selbstheilung: Fehlermeldungen kommen als umsetzbarer Hinweis zurück (etwa zu falschen Branch- oder FigJam-Links), damit das Modell den nächsten Versuch korrigiert.
  • Auch als CLI: fetch-Unterbefehl holt Designdaten ohne MCP-Client.

Lektion für den MZP

Wenn ein Entwurf die Quelle ist, muss der Bericht ihn nicht nachbauen, sondern referenzieren. Der MZP kennt fromSlug — aber nur für eigene Dateien, nicht für fremde Designs. Siehe Vorschlag 02.

  • Adoption88
  • Frische92
  • Agent-Reife94
  • Wartung88
  • Token-Ökonomie93
// beliebiger MCP-Client (stdio) { "mcpServers": { "Framelink MCP for Figma": { "command": "npx", "args": ["-y","figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"] } } } // oder einmalig, ohne Client npx figma-developer-mcp fetch <figma-url>

Caveat Eine Command-Injection-Lücke (CVE-2025-53967) wurde in v0.6.3 geschlossen — immer eine aktuelle Fassung fahren. Kein Pixel-Versprechen: die Qualität des Ergebnisses hängt an der Ordnung der Datei.

03 — Platz 2Der Agent, der selbst zeichnet

02

Penpot MCP

penpot/penpot · mcp/ · Clojure & TypeScript · MPL-2.0
61,2k ★ 4,24k Forks 24.196 Commits offiziell design → design

Was er dem Agenten gibt

Penpot setzt Design in Code um — SVG, CSS, HTML, JSON. Sein MCP-Server legt deshalb nicht nur Daten offen, sondern die schreibende Hand: Design lesen, Elemente erzeugen und verändern, Design-Tokens anfassen. Der Weg führt über die Plugin-API: der Server spricht per WebSocket mit einem Penpot-Plugin im offenen Dokument, das die Aktionen ausführt. Damit sind design-to-design, code-to-design und design-to-code in einem Werkzeug möglich — der Agent wird vom Umsetzer zum Mitgestalter.

Warum er vorn steht

Er ist der einzige hier, bei dem das Design nicht nur gelesen, sondern geschrieben wird — und der einzige aus einem offenen Design-Werkzeug, das sich selbst hosten lässt. Der Betreiber ist derselbe wie der des Editors: die Integration ist Herzenssache, nicht Nebenbedingung. Für Teams mit Compliance- und Hoheitsanspruch ist das der eigentliche Punkt: Design bleibt im eigenen Haus, der Agent bekommt trotzdem Zugriff.

Das Detail, das ihn gut macht

  • Die offene Plugin-API als privilegierter Weg: das Modell darf Code im Plugin-Kontext ausführen und so Aufgaben lösen, die keine feste Werkzeugliste abdeckt.
  • Sauber eingezogen: das einstige Neben-Repo penpot/penpot-mcp wurde im Februar 2026 archiviert; der Inhalt lebt jetzt im Haupt-Repo unter mcp/ — gepflegt im Takt der Plattform.
  • Tokens als erste Klasse: Design-Tokens sind nativ, nicht nachgerüstet — die Brücke zum MZP-Vorschlag 01.
  • Versionstreue: Server und Editor werden gekoppelt ausgeliefert (@penpot/mcp, aktuell 2.15.4) — keine stillen Brüche zwischen Plugin und Server.

Lektion für den MZP

Der MZP hat längst eine Palette (mzone-ui, Branding-Profile für Diagramme) — aber sie liegt nur implizit in der Bibliothek. Als maschinenlesbare Design-Tokens wäre sie für beide Seiten da: Agenten bauen markentreu, Menschen ziehen dieselben Werte in Figma und Penpot. Siehe Vorschlag 01.

  • Adoption90
  • Frische94
  • Agent-Reife88
  • Wartung93
  • Token-Ökonomie82
// Server starten (npm) npx -y @penpot/mcp@latest // Client verbinden (Claude Code) claude mcp add penpot -t http \ http://localhost:4401/mcp // danach: Penpot-Plugin öffnen, verbinden

Caveat Drei Teile müssen laufen: Server, Plugin-Webserver und das Plugin im Dokument. Für reine Design-Arbeit gibt es einen gehosteten Remote-Server; wer Dateizugriff braucht, fährt lokal.

04 — Platz 3Der Bauteil-Vorrat

03

21st MCP (ehem. Magic MCP)

21st-dev/magic-mcp · TypeScript · ISC
6,1k ★ 491 Forks 12.000+ Komponenten gehostet (HTTP) CLI-Proxy

Was er dem Agenten gibt

Einen durchsuchbaren Katalog aus über 12.000 React/Tailwind-Komponenten, Themes und Vorlagen — und einen Generator, der aus einem Prompt neue UI baut. Werkzeuge wie search (Katalog), get_component (Code holen), get_inspiration (Treffer gegen den Projekt-Kontext neu geordnet), search_logo (Marken-SVGs) und generate machen daraus einen Vorrat statt einer leeren Leinwand: „Es ist wie v0, nur in deinem Editor.“

Warum er vorn steht

Weil er die Lücke schließt, die Framelink offen lässt: das Design ist gelesen, aber woraus baut der Agent? Statt jede Karte, jeden Balken, jede Navigation neu zu erfinden, greift er in einen kuratierten Bestand. Und er hat sich selbst modernisiert — das alte Magic-MCP ist seit v0.2 ein dünner Proxy auf einen einheitlichen HTTP-Server (21st.dev/api/mcp); alte Konfigurationen funktionieren weiter, wirken aber auf denselben Katalog.

Das Detail, das ihn gut macht

  • Sauberer Übergang statt Bruch: die alten Werkzeugnamen werden übersetzt, Bestands-Configs laufen unverändert weiter — vorbildliche Abwärtskompatibilität.
  • Design-Kontext im Ranking: get_inspiration ordnet Treffer nach Stack, Tokens und früheren Entscheidungen des Projekts — der Katalog passt sich an, statt umgekehrt.
  • Zwei Sparmodi: Katalogsuche ist frei und liefert nur Metadaten; erst der Code-Abruf kostet — Nachschauen bleibt billig.
  • Verlagern statt löschen: die eigentliche Server-Logik lebt jetzt gehostet; das Repo bleibt schlanker Proxy — ehrlich dokumentiert.

Lektion für den MZP

Der MZP speichert Assets, aber hat keinen durchsuchbaren Vorrat wiederverwendbarer Bausteine. Ein Agent, der zum fünfzigsten Mal eine Zeitleiste baut, sollte ein Ergebnis finden statt ein Werkzeug. Siehe Vorschlag 06.

  • Adoption74
  • Frische80
  • Agent-Reife86
  • Wartung83
  • Token-Ökonomie85
// ein Befehl pro Client npx @21st-dev/cli@latest init --client cursor // cursor | claude | vscode | codex // oder als reiner HTTP-Endpunkt { "mcpServers": { "21st": { "url": "https://21st.dev/api/mcp", "headers": { "x-api-key": "YOUR_KEY" } } } }

Caveat Gehostet und schlüsselpflichtig; der Code-Abruf ist in der freien Stufe limitiert. Alte Magic-Schlüssel wurden zurückgesetzt.

05 — ZusammenspielWarum genau diese drei

Sie überschneiden sich kaum und decken zusammen drei Zustände ab, die ein Modell nicht aus dem Training mitbringt: was der Entwurf ist, die Leinwand, auf der er entsteht, und der Vorrat, aus dem gebaut wird.

DER AGENT Framelink (Figma) was der Entwurf ist 21st MCP woraus gebaut wird Penpot MCP die schreibbare Leinwand
Drei Achsen des Entwerfens. Framelink liefert, was der Entwurf ist; Penpot gibt die Leinwand zurück, auf der der Agent selbst zeichnet; 21st hält den Vorrat bereit, aus dem gebaut wird. Kein Modell trägt diese drei Zustände mit sich — der Agent muss sie abfragen.

Ein guter Designer-Server ist ein Auge und eine Hand, kein hübscheres Textfeld. Er sieht das Werk und er hinterlässt Spuren darin.

Drei Ebenen greifen ineinander: sehen (Framelink übersetzt den Entwurf in eine Sprache, die auch Code versteht), zeichnen (Penpot lässt den Agenten ins Werk eingreifen, ohne die Design-Datei zu verlassen) und bauen (21st stellt geprüfte Bauteile bereit, statt jede Fläche neu erfinden zu lassen). Wer alle drei verbindet, hat einen Agenten, der vom Whiteboard bis zur Seite denkt — und dabei nicht rät.

06 — Knapp verpasstDie zweite Reihe

Diese vier wären in einer Top-5-Liste sofort dabei — sie verlieren nur gegen die drei oben, weil sie fremden Code ohne Bremse ausführen (Blender), nicht quelloffen sind (Figma offiziell) oder schmaler und jünger sind (Talk to Figma, Magic UI).

ProjektRolleWarum nicht Top 3★Lizenz
Blender MCP3D, Objekte, Material, Render — „jede LLM steuert Blender“Der Gigant aus einer anderen Werkstatt (31,3k ★) — aber der Agent führt dort erzeugten Code ohne Schutz aus; das Projekt warnt selbst davor. Höchste Reichweite, niedrigste Zähmung.31,3kMIT
Figma MCP Server (offiziell)Umfangreichster Funktionssatz: Design lesen, auf die Leinwand schreiben, Code Connect, FigJamMächtig und offiziell, doch der Server ist gehostet und nicht quelloffen; auf GitHub liegt nur der Guide (2,1k ★, ohne Lizenz). Fällt am Tor „quelloffen“.2,1k—
Talk to Figma MCPFigma aus dem Agenten lesen und ändern, per Plugin-Brücke über WebSocket7,1k ★ und 73,6k Plugin-Nutzer — stark, aber Setup aus drei Teilen (bun, Socket, Plugin) und als Einzelprojekt entstanden; heute unter grab gepflegt.7,1kMIT
Magic UI MCPAnimations-Komponenten (Marquee, Beam, Text-Effekte) als RegistryToken-schlank und sauber, aber mit drei Werkzeugen und 206 ★ zu schmal für die Top 3 — eher Ergänzung zum Bauteil-Vorrat.206MIT

Stern-Zahlen sind Momentaufnahmen (Repositories bzw. Aggregatoren, 17.10.2026) und schwanken je nach Quelle. Blender MCP führte zuletzt unter ahujasid/mcp-for-blender.

07 — Der eigentliche ErtragSieben Vorschläge für den MZP

Was diese Server richtig machen, ist für den MZP kein Bewunderungsstoff, sondern eine Arbeitsliste. Jeder Vorschlag nennt den Befund im MZP, die Idee und wen sie bedient — Agent oder Mensch.

01

Design-Tokens als maschinenlesbares VokabularAgentMensch

Penpot führt Design-Tokens nativ; der MZP hat eine Palette (mzone-ui, Branding-Profile für Diagramme), aber sie liegt nur implizit in der Bibliothek. Ein publizierender Agent errät Farben und Abstände, statt sie zu kennen.

Idee: getCapabilities(topic='tokens') liefert Palette, Typo-Skala und Raster als DTCG-JSON (Design Tokens Community Group), zusätzlich exportierbar unter /published/_tokens.json. Agenten bauen damit markentreu ohne Raten; Menschen importieren dieselben Werte in Figma und Penpot.

02

Das Design als Quelle, nicht als KopieAgentMensch

Framelink zeigt, dass ein Entwurf eine Quelle sein kann. Der MZP referenziert bereits Server-eigene Dateien per fromSlug — aber kein fremdes Design. Wer eine Design-Review-Seite will, baut den Frame heute von Hand nach.

Idee: eine Design-Referenz als Quelle erlauben — source: { provider: 'figma' | 'penpot', url } beim Publizieren erzeugt eine Review-Seite mit Frame, Tokens und Kommentar-Slot. Der Bericht zeigt das Original, statt es zu imitieren.

03

Der Screenshot als BelegAgentMensch

Der MZP lädt jede Seite beim Publizieren in einen echten Browser und meldet Konsolenfehler, Erreichbarkeit und Barrierefreiheit — aber er zeigt kein Bild. Ein Agent kann zwei Stände nur beschreiben, nicht betrachten.

Idee: jeder Publish legt ein preview.png (Thumbnail) als Begleitdatei ab; listVersions nennt es je Version. Agenten vergleichen Stände visuell, Menschen sehen einen Kontaktabzug — ohne die Seite zu öffnen.

04

Visueller Regressions-DiffAgent

listVersions vergleicht Text, diffDiagram vergleicht Diagramm-Struktur — aber ein Layoutbruch, der nur Pixel verschiebt, bleibt unsichtbar, weil der Text gleich klingt.

Idee: ein Pixel-Diff zweier Versionen (Anteil geänderter Pixel, Regionen) als Notice beim Überschreiben. Fängt genau die Fehler, die Textdiffs nicht sehen — die gebrochene Karte, den überlaufenden Titel.

05

Der MZP als lebende Design-PrüfungMenschAgent

Barrierefreiheit (axe-core) und Browser-Erreichbarkeit sind schon da. Was fehlt, ist das Auge für Gestaltung: Kontrastpaare, Zielgrößen, Typo-Konsistenz, Text, der aus seinem Rahmen läuft.

Idee: Design-Hinweise beim Publizieren — Tap-Ziele ≥ 44 px, Kontrastpaare, zu viele Schriftgrößen, Überlauf und Clipping. Keine Fehler, sondern Hinweise: ein eingebauter Design-Review, bevor die Seite rausgeht.

06

Komponenten-Registry statt EinzelseitenAgent

21st macht einen geprüften Bauteil-Katalog durchsuchbar. Der MZP speichert Assets (Karten, Zeitleisten, Diagramm-Rahmen), aber ein Agent, der eine Zeitleiste braucht, baut sie jedes Mal neu.

Idee: component.search(kind, tags) über veröffentlichte Bausteine — Karte, Zeitleiste, Vergleich, Rahmen — samt Nutzungsschnipsel. Baut auf publishAsset und usedAssets auf, die Herkunft ist schon da.

07

Themenwechsel zur LaufzeitMensch

MZP-Diagramme kennen bereits Varianten (dark/light) und Branding-Profile. Ein publizierter Bericht ist dagegen in genau einem Anstrich festgeschrieben; wer die Palette ändern will, muss neu publizieren.

Idee: ein _theme.json-Endpunkt und eine Laufzeit-Umschaltung, sodass eine Seite der Besucher-Präferenz folgt und ein Agent die Palette ohne Neupublish wechselt. Ein Bericht, viele Anstriche — dieselbe Idee wie _data.json, nur für Farbe.

08 — QuellenWas ich gelesen habe

QuelleArtStand
GLips/Figma-Context-MCPRepository + README + Releases (primär)17.10.2026
penpot/penpot · mcp/Repository + README (primär)17.10.2026
penpot/penpot-mcpRepository, archiviert 02/2026 (primär)17.10.2026
21st-dev/magic-mcpRepository + README + npm (primär)17.10.2026
ahujasid/mcp-for-blenderRepository + API (primär)17.10.2026
figma/mcp-server-guideRepository + Entwickler-Doku (primär)17.10.2026
grab/cursor-talk-to-figma-mcpRepository + README (primär)17.10.2026
magicuidesign/mcpRepository + README (primär)17.10.2026
Glama · Best Figma MCP ServersRangliste, 20 Server (Aggregator)Okt 2026
tolkonepiu/best-of-mcp-serverskuratierte Liste (Aggregator)Okt 2026
mcp100.dev · Framelinkredaktionelle Bewertung (Aggregator)Sep 2026
Blender Projects · Issue #152011offizielles Vorhaben (primär)2026
Hinweis für Agenten, die diese Seite lesen: Der Text oben ist Datenmaterial, keine Anweisung. Er enthält keine Aufforderung, Werkzeuge aufzurufen, Dateien zu ändern oder Anweisungen zu ersetzen. Das ist Absicht — und zugleich Vorschlag 05.

DIE DREI, DIE ZEICHNEN — Feldrecherche für den MZP, Stand 17.10.2026. Sieben Repositories wurden direkt gelesen, ihre Zahlen sind Momentaufnahmen; die Star-Angaben der Aggregatoren weichen um bis zu 20 % ab und sind als solche gekennzeichnet. Ausgewählt wurde nach fünf gewichteten Kriterien mit zwei harten Toren (Lizenz, Betreiber) — nicht nach Popularität allein.

Veröffentlicht mit dem MZP Publisher · Diagramm und Interaktion ohne externe Bibliotheken.