Lokalisierter Leseleitfaden
figma-generate-libraryZweck, Verwendung und Quelle
Erstellen oder aktualisieren Sie ein professionelles Designsystem in Figma anhand einer Codebasis. Verwenden Sie diese Funktion, wenn der Benutzer etwas erstellen möchte.variables/tokens, Komponentenbibliotheken erstellen, Design einrichten (light/darkModi), Grundlagen dokumentieren oder Lücken zwischen Code und Figma schließen. Diese Fähigkeit lehrt, WAS man baut und in WELCHER REIHENFOLGE – sie ergänzt diefigma-useDiese Fähigkeit lehrt, wie die Plugin-API aufgerufen wird. Beide Fähigkeiten sollten zusammen geladen werden.
Quelle abgerufen:
- Quell-Repository
- openai/skills
- SKILL.md
skills/.curated/figma-generate-library/SKILL.md- Repository-Sterne
- 28,420
- Repository zuletzt aktualisiert
- 2026-10-29
- Fähigkeitskategorien
- Entwicklung
- Letzte Datenerfassung
Lizenz: Nicht angegeben
Die Workflow-Auszüge dienen als Lesehilfe und sind keine ausführbaren Anweisungen von Codez. Für die Erstellung dieser Seite wurde keine Drittanbieter-Skill verwendet.
Die folgenden Abschnitte zu Zweck und Arbeitsablauf sind vorgelagertes Material, das zur besseren Lesbarkeit aufbereitet und übersetzt wurde. Sie unterscheiden sich von der separat gekennzeichneten redaktionellen Analyse von Codez.
Was diese Fähigkeit bewirkt
Erstellen oder aktualisieren Sie ein professionelles Designsystem in Figma anhand einer Codebasis. Verwenden Sie diese Funktion, wenn der Benutzer etwas erstellen möchte.variables/tokens, Komponentenbibliotheken erstellen, Design einrichten (light/darkModi), Grundlagen dokumentieren oder Lücken zwischen Code und Figma schließen. Diese Fähigkeit lehrt, WAS man baut und in WELCHER REIHENFOLGE – sie ergänzt diefigma-useDiese Fähigkeit lehrt, wie die Plugin-API aufgerufen wird. Beide Fähigkeiten sollten zusammen geladen werden.
Wie der vorgelagerte Workflow funktioniert
2Obligatorischer Arbeitsablauf
Jeder Entwurf eines Designsystems folgt dieser Phasenreihenfolge. Das Überspringen oder Umordnen von Phasen führt zu strukturellen Fehlern, deren Behebung kostspielig ist.
Aufwärtspassage · L22 ↗4Zustandsverwaltung (erforderlich für lange Arbeitsabläufe)
>getPluginData()/setPluginData()werden NICHT unterstützt inuse_figma. VerwendengetSharedPluginData()/setSharedPluginData()Alternativ (diese werden unterstützt) oder mithilfe namensbasierter Suchvorgänge und des Statusprotokolls (zurückgegebene IDs) sollten Sie jeden erstellten Szenenknoten direkt nach der Erstellung kennzeichnen. Statuspersistenz: Verlassen Sie sich für das Statusprotokoll NICHT ausschließlich auf den Konversationskontext. Schreiben Sie es auf die Festplatte: Lesen Sie diese Datei zu Beginn jeder Runde neu ein. In langen Arbeitsabläufen wird der Konversationskontext abgeschnitten – die Datei ist die maßgebliche Datenquelle.
Design System Builder — Figma MCP Skill
Entwickeln Sie in Figma professionelle Designsysteme, die dem Code entsprechen. Diese Fähigkeit orchestriert mehrphasige Arbeitsabläufe über verschiedene Bereiche hinweg.20–100+use_figmaAufrufe, die Qualitätsmuster aus realen Designsystemen durchsetzen (Material3Polaris, Figma-Benutzeroberfläche3, Simple DS). Voraussetzungen: Diefigma-useDie Fähigkeit MUSS auch für jedes Mal geladen werden.use_figmaEs stellt Syntaxregeln für die Plugin-API bereit (Rückgabemuster, Seitenreset, ID-Rückgabe, Laden von Schriftarten, Farbbereich). Diese Fähigkeit vermittelt Fachwissen über Designsysteme und Workflow-Orchestrierung.
node.setSharedPluginData('dsb', 'run_id', RUN_ID); // identifies this build run
node.setSharedPluginData('dsb', 'phase', 'phase3'); // which phase created it
node.setSharedPluginData('dsb', 'key', 'component/button');// unique logical keyAnforderungen und Einrichtung
Aus dieser Datei wurde kein Abschnitt mit kurzen Anforderungen ausgewählt. Dies bedeutet nicht, dass die Fertigkeit keine Abhängigkeiten hat. Überprüfen Sie die Anweisungen zur Repository-Einrichtung und die referenzierten Dateien.
Grenzwerte und Qualitätskontrollen
Aus dieser Datei wurde kein separater Grenzwertabschnitt ausgewählt. Dies bedeutet nicht, dass die Anwendung für jede Eingabe oder Umgebung geeignet ist. Überprüfen Sie den vollständigen Quellcode und validieren Sie Ihr Ergebnis selbst.
Beginnen Sie mit einem sicheren Testlauf
- Prüfen Sie den unterstützten Host und die Installationsanweisungen für das Repository. Halten Sie das Skill-Verzeichnis und die darin enthaltenen Skripte, Assets und Dokumentationen zusammen;SKILL.mdEine Einzelperson kann Abhängigkeiten außer Acht lassen.
- Geben Sie dem Agenten Ihre tatsächlichen Eingaben, die gewünschten Ausgaben und die Akzeptanzkriterien an. Aufrufsyntax und verfügbare Tools hängen vom Hostsystem ab; diese Website geht nicht von einem universellen Installationsbefehl aus.
- Testen Sie den Quellworkflow in einem temporären Projekt oder auf einer Kopie. Überprüfen Sie Vorgänge, die Dateien, Remote-Dienste oder abrechnungsfähige Ressourcen ändern, bevor Sie diese zulassen.
- Überprüfen Sie die Ausgabe anhand der Quellqualitätsprüfungen und Ihrer eigenen Anforderungen. Ein erfolgreicher Trigger oder eine hohe Anzahl von Sternen im Repository garantiert kein korrektes Ergebnis.
Lesen Sie mehr dazu in der Quelle.
- Design System Builder — Figma MCP Skill
- 1Die eine Regel, die am meisten zählt
- 2Obligatorischer Arbeitsablauf
- 3. Kritische Regeln
- 4Zustandsverwaltung (erforderlich für lange Arbeitsabläufe)
- 5. search_design_system — Wiederverwendungsentscheidungsmatrix
- 6Benutzer-Checkpoints
- 7Namenskonventionen
- 8Token-Architektur
- 9. Phasenspezifische Antimuster
- 10Referenzdokumente
- 11Skripte
Verwandte Fähigkeiten
Übersetzung und Umfang
Dieser Leseleitfaden wählt Passagen aus dem markierten stromaufwärts gelegenen Abschnitt aus.SKILL.mdDie Übersetzung wurde unterstützt. Es handelt sich weder um ein vollständiges Handbuch noch um eine Garantie für geprüfte Kompatibilität. Lesen Sie vor der Verwendung das Original und die darin referenzierten Dateien.
Diese Einleitung bezieht sich auf die unten angepinnte Version; die aktuelle Repository-Aktivität und der Erfassungszeitpunkt werden separat angezeigt.
- Angeheftete Quelle
- Lesen Sie das Original ↗
- Quelle abgerufen
- Source-Commit
49f948faa9258a0c61caceaf225e179651397431- Quelle SHA-256
7f42103c59fc181d7081404a56545f321c458d97f5ee7f7a0ab2af75ea69a85f