AI-Act-CheckKalenderChangelog
Menü

Figma-Designdaten für Code-Werkzeuge aufbereiten

Figma-Context-MCP · MCP-Server von 1yhy · MCP-Server

MCP-Server für Figma · MIT

Liest nurWas der Baustein im Konto darf

Der Server liefert Figma-Designdaten in vereinfachter Form an KI-Coding-Werkzeuge. Außerdem lädt er Bilder und Icons herunter, damit der erzeugte Code näher am Entwurf liegt.

Eigenes Profil aus den Quellen des Servers, Stand 05.10.2026 · Beleg 4

Was der Server kann

  • Holt Designdaten einer Figma-Datei oder eines einzelnen Knotens in vereinfachter Struktur.
  • Leitet aus absoluten Positionen Flexbox- und Grid-Layouts ab und erzeugt daraus CSS.
  • Fasst zusammengehörige Vektorebenen zu einem exportierbaren Icon zusammen.
  • Lädt Bilder und Icons in einen lokalen Ordner herunter.
  • Stellt drei Prompt-Vorlagen bereit (Design zu Code, Komponentenanalyse, Style-Extraktion).
  • Bietet leichtgewichtige Ressourcen für Dateiinfos, Styles, Komponenten und Assets.

Einrichtung

  1. Ein persönliches Zugriffstoken in den Figma-Kontoeinstellungen unter Personal access tokens erzeugen.
  2. Node.js ab Version 18 bereitstellen.
  3. In der MCP-Konfiguration den Befehl `npx` mit den Argumenten `-y`, `@yhy2001/figma-mcp-server` und `--stdio` eintragen.
  4. Das Token als Umgebungsvariable `FIGMA_API_KEY` setzen.

Grenzen

  • Gedacht für KI-Coding-Werkzeuge wie Cursor, Windsurf und Cline.
  • Es ist ein Fork von Figma-Context-MCP von GLips mit eigener Datenstruktur.
  • Neben dem Standard-Modus gibt es einen HTTP/SSE-Modus für die lokale Entwicklung.

Einordnung der Redaktion

Aufgaben: Design & Bild. Allgemein nutzbar, etwa für Büro, Daten und Dokumente.

Eigene Einordnung aus Name und Beschreibung des Anbieters, ohne technische Prüfung. Maßgeblich ist der Text des Anbieters.

Eckdaten

—: Angabe nicht belegt.

Maintainer
1yhy
Repository-Lizenz
MIT
Letzter Repository-Commit

Commit innerhalb zwölf Monaten

Dienstanbieter
Offizielle Dienstherkunft nicht belegt
Dienste
Figma
Bereiche
Content
Plattformen
—

Werkzeuge

get_figma_data

Liefert vereinfachte Designdaten zu einer Datei, optional zu einem Knoten und mit Tiefenbegrenzung.

download_figma_images

Lädt Bilder und Icons aus einer Datei in einen lokalen Pfad.

Rechte

Liest nur

Einordnung aus Werkzeugliste, Paketangaben und Paketinhalt, keine technische Prüfung · So entsteht die Ampel

  • Alle 2 Werkzeuge der belegten Liste fragen nur Daten ab.

Für die Werkzeuge reicht ein Konto mit Leserechten. Gib dem Baustein keine weitergehenden Rechte.

Nötig ist ein Figma-Zugriffstoken (Variable FIGMA_API_KEY). Beide Werkzeuge lesen Figma-Daten; heruntergeladene Dateien werden lokal gespeichert.

Zugriffe laut Paketangaben
—
Authentifizierung
—
Transport
—
Technische Prüfung
Ungeprüft
Paket und InstallationshinweiseRepository öffnen
Quellen (4)
  1. 1
  2. 2
  3. 3
  4. 4
  5. Abgerufen und Felder geprüft: 2026-10-05; technische Prüfung: ungeprüft

Verbundenes