Terminal für Designer: Mit pwd, ls und cd zum Einstieg

Murphy Trueman, Director Design Systems bei der Beratung Baseline Design, hat am 29. Oktober einen Leitfaden zum Terminal veröffentlicht, der sich an Designer ohne Programmiererfahrung richtet.^[1] Trueman erklärt an den Befehlen pwd, ls und cd, wie sich eine Kommandozeile lesen lässt, und nennt Kommandos wie rm, sudo und curl, bei denen Vorsicht geboten ist.

Anlass ist, dass Werkzeuge rund um Designsysteme zunehmend in der Kommandozeile laufen: Style Dictionary, Storybook und KI-Assistenten wie Claude Code, Codex CLI und Gemini CLI.^[1] Für Agenturen und Inhouse-Teams, die Design-Tokens pflegen, wird das Terminal damit zum Arbeitsplatz.

Warum wirkt das Terminal auf Designer so fremd?

Im Terminal gibt es keine Menüs. Man muss den Befehl kennen, statt ihn zu erkennen, und das widerspricht der Heuristik „Erkennen statt Erinnern“, die Jakob Nielsen für grafische Oberflächen formuliert hat.^[2]

Als Ausgleich nennt Trueman die Verlässlichkeit: Ein Befehl tut jedes Mal dasselbe und lässt sich in Slack weiterreichen oder für später notieren.^[1] Das Terminal ist dabei die App, die Shell das Programm darin und die Kommandozeile die Zeile, in die man tippt. Als Standard-Shell des Mac nennt Apple zsh.^[3]

Zentral ist das Arbeitsverzeichnis. Das Terminal steht immer in genau einem Ordner, und jeder Befehl wirkt dort. Ein npm install im falschen Ordner scheitert oder installiert Pakete an der falschen Stelle.^[1]

Wie liest sich ein Befehl wie style-dictionary build?

Ein Befehl besteht aus dem Programm, einem Unterbefehl, optionalen Flags und deren Werten. Bei style-dictionary build –config tokens.config.json ist build die Aufgabe und tokens.config.json die Datei mit den Einstellungen.^[1]

Was dahinter passiert, zeigt die Dokumentation: Im Beispielprojekt wird in tokens/colors.json der Farbwert #000000 auf #111111 geändert, nach erneutem style-dictionary build steht der neue Wert in den erzeugten Dateien.^[4] Viele Programme beantworten die Hilfeoption –help hinter ihrem Namen mit einer Liste ihrer Befehle. Trueman sieht darin das Nächste, was die Kommandozeile an einem Menü zu bieten hat.^[1]

Beide Werkzeuge sind quelloffen. Style Dictionary erschien am 3. November in Version 5.8.0 unter der Apache-2.0-Lizenz, das Repository zählt knapp 4.900 Sterne.^[5] Storybook steht unter der MIT-Lizenz und hat gut 91.000 Sterne.^[6]

Worauf sollten Teams bei Befehlen von KI-Agenten achten?

Auf drei Warnzeichen: rm löscht sofort, sudo verlangt Administratorrechte, und curl mit nachgestelltem | sh führt ein heruntergeladenes Skript unmittelbar aus. Taucht eines davon in einem Befehl auf, lohnt die Rückfrage.^[1]

Claude Code zeigt Befehle laut Trueman standardmäßig vor der Ausführung an und fragt um Erlaubnis.^[1] Die Freigabe ist damit eine Berechtigungsentscheidung, wie sie auch das Berechtigungsmanagement in Unternehmen regelt. Wie tief Agenten in Entwicklungsumgebungen eingreifen, zeigt Postman, das KI-Plugins automatisch in Codex und Claude Code installiert.

Dass Designer ins Terminal wechseln, passt zu einer Entwicklung, die auch Anthropics Designteam beschreibt, und zu Design Tokens, die als Dateien im Code-Repository liegen. Als Probelauf eignet sich ein leerer Ordner: pwd, ls und cd üben, dann style-dictionary build im Beispielprojekt. Unter Windows stehen laut Trueman Windows Terminal oder PowerShell bereit.^[1]

Quellen

Mehr Newshunger?

• Desigma: Kostenlose Figma-Alternative in Rust läuft offline und ohne Konto
• Designsysteme sollten von Haus aus schnell sein: Den Odell misst zehn Bibliotheken
• Open Design System Bench: Wie KI-tauglich ist Ihr Design-System?
• Pure UI im Zeitalter der KI-Agenten: Warum der Agent nur einen von 16 Zuständen sah
• Die Softwarefabrik hat das Design vergessen: Atif Azam lässt KI-Agenten erst in Paper entwerfen