Designbriefings und visuelle Kommunikation

Kostenloser Generator für Design-Token-Namen.

Konsistente Namen und semantische Gruppen.

Entwerfen Sie Namen nach stabilen Interface-Rollen und Teamkonventionen.

Chrome-Erweiterung und Konto erforderlich.
25 kostenlose Automatisierungsaufgaben pro Monat, über alle Tools geteilt. Es gelten die Limits des Browser-Anbieters.

WAS DU BEREITHALTEN SOLLTEST

Bestehende Stile und Namenskonventionen.

DEIN AUSGANGSPUNKT

Eine Aufgabe, die du anpassen kannst.

Kopiere ihn hier. Füge ihn in WebAct ein, wenn du bereit bist.

Diese Seite bereitet deinen Prompt vor. Die Aufgabe läuft in WebAct.

01

Passe die Aufgabe an dich an.

Prüfe den Prompt oben. Ergänze dein Ziel und wichtige Anforderungen.

02

Nimm sie mit zu WebAct.

Öffne WebAct, füge die Aufgabe ein und stelle dein Quellmaterial bereit. Beginne für einen Entwurf oder eine Erklärung in Chat; nutze Task für eine genehmigte Browseraktion oder eine Datei.

03

Prüfe den nützlichen Teil.

Nutze das Ergebnis als bearbeitbaren Entwurf oder Analyse. Prüfe es anhand der bereitgestellten Fakten und deiner Zielgruppe, bevor du dich darauf verlässt oder es teilst.

PRAXISLEITFADEN

Design-Tokens nach ihrer Funktion benennen.

Benennen Sie Tokens nach einer stabilen Aufgabe statt momentaner Optik. Trennen Sie Grundwerte von semantischer Nutzung und folgen Sie bestehenden Teamregeln.

Passe den Ablauf an deine Aufgabe an.

Trennen Sie Grundwerte und Rollen nach der bisherigen Namenshierarchie. Wählen Sie Namen, die über Themen und Komponenten gelten, und dokumentieren Sie Zuordnung und Verwendung. Prüfen Sie Kollisionen und Aliasse vor Umbenennung.

Was du bereitstellst
Bestehende Stile und Namenskonventionen.
Was du erhältst
Konsistente Namen und semantische Gruppen.

Sieh dir Eingabe und Ergebnis an.

Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf

Beispiel Eingabe

Interface uses blue for primary actions and gray for secondary text; dark theme planned. No exact values or existing naming convention supplied.

Vollständiges Beispiel

Semantic roles:
color.action.primary → theme-specific primary-action primitive
color.text.secondary → theme-specific secondary-text primitive

Theme values: unresolved until actual colors and contrast requirements are supplied.
These names describe use rather than the current color; review them against existing team conventions before adoption.
Dieses Beispiel herunterladen

Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.

Entscheidungen und Fehlerbehebung.

Soll ein semantisches Token seinen aktuellen Farbnamen tragen?

Bevorzugen Sie seine Rolle, etwa Aktion oder zweitrangiger Text, wenn der Wert je Thema wechselt.

Warum beschädigt die Umbenennung verschiedene Komponenten?

Das Token kann oft referenziert sein oder mehrere Rollen erfüllen. Erfassen Sie Nutzer und planen Sie Migration.

Probiere es mit deiner eigenen Quelle.

Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.

Aufgabe anpassen und kopieren ↑
BEVOR DU BEGINNST

WebAct nutzen.

Prompt und Beispiel findest du hier. Führe deine Aufgabe in der WebAct-Erweiterung für Chrome aus.

Ist dieses Tool kostenlos?

Du kannst den Prompt hier kostenlos kopieren und bearbeiten. Installiere zur Nutzung mit WebAct die Chrome-Erweiterung, erstelle und bestätige dein Konto und verbinde eine verfügbare ChatGPT-Sitzung im Browser. Der Free-Tarif umfasst 25 vom Nutzer gestartete Automatisierungsaufgaben pro Kalendermonat, geteilt über alle Tools. Gewöhnlicher Browser-Chat ist davon getrennt; Anbieterlimits gelten.

Mehr zum gemeinsamen Kontext findest du in unserem Datenschutzerklärung und zur Wahl zwischen Chat oder Task.

VOM PROMPT ZU DEINER EIGENEN ARBEIT

Bringe die Aufgabe auf deine Seite.

Installiere WebAct, füge dein Quellmaterial hinzu und passe das Ergebnis an.

WebAct installieren