2 KiB
| title | description |
|---|---|
| Designs analysieren | Farben, Typografie, Abstände und wiederkehrende Muster in .fig-Dateien auditieren. |
Designs analysieren
Die analyze-Befehle prüfen ein gesamtes Designsystem vom Terminal aus — Inkonsistenzen finden, die tatsächliche Palette extrahieren, Komponenten erkennen, die noch extrahiert werden sollten.
Farben
openpencil analyze colors design.fig
Findet jede Farbe in der Datei, zählt die Verwendung und zeigt ein visuelles Histogramm:
#1d1b20 ██████████████████████████████ 17155×
#49454f ██████████████████████████████ 9814×
#ffffff ██████████████████████████████ 8620×
#6750a4 ██████████████████████████████ 3967×
Typografie
openpencil analyze typography design.fig
Listet jede Kombination aus Schriftfamilie, -größe und -gewicht mit Nutzungszahlen auf. Nützlich, um einmalige Textstile zu erkennen, die konsolidiert werden sollten.
Abstände
openpencil analyze spacing design.fig
Prüft Gap- und Padding-Werte über alle Auto-Layout-Frames hinweg. Hilft, Inkonsistenzen in der Abstandsskala zu identifizieren — z.B. ein einzelner 13px-Gap zwischen ansonsten 8/16/24-Werten.
Cluster
openpencil analyze clusters design.fig
Findet wiederkehrende Knotenmuster, die in Komponenten extrahiert werden könnten:
3771× frame "container" (100% match)
size: 40×40, structure: Frame > [Frame]
2982× instance "Checkboxes" (100% match)
size: 48×48, structure: Instance > [Frame]
JSON-Ausgabe
Alle Analyse-Befehle unterstützen --json für maschinenlesbare Ausgabe:
openpencil analyze colors design.fig --json
Weiterleiten an jq, in CI-Prüfungen einspeisen oder in Skripten verwenden, die Design-Token-Budgets durchsetzen.