Alle Beiträge
Gestaltung17. September 2026·6 Min. Lesezeit

Vom Entwurf zum Bausatz: warum Designwerkzeuge an Wert verlieren

Vierzehn Entwurfsfassungen, und die Seite sieht am Ende doch anders aus. Warum wir heute im Code gestalten, was ein Bausatz wirklich ändert und wofür ein Entwurfswerkzeug weiter taugt.

Der übliche Ablauf ging so: Entwurf im Designwerkzeug, Abstimmung, Änderung, wieder Abstimmung, irgendwann Freigabe, dann Umsetzung. Am Ende sah die Seite anders aus als der Entwurf, weil im Entwurf niemand scrollt, niemand tippt, nichts lädt und kein Text zu lang ist.

Wir arbeiten seit einem Jahr anders. Nicht weil Werkzeuge wie Figma schlecht wären, sondern weil der Zwischenschritt seinen Wert verloren hat.


Was ein Entwurf nicht zeigen kann

  • Wie sich die Seite anfühlt, wenn man sie mit dem Daumen bedient
  • Was passiert, wenn die Überschrift dreizeilig wird
  • Wie lange sie lädt, wenn das Bild aus dem Netz kommt
  • Wie sie im Dunkelmodus aussieht
  • Was ein Klick auslöst, der eine Änderung wirklich speichert

Alles davon entscheidet, ob eine Seite gut ist. Und alles davon sieht man erst, wenn sie läuft.

Der Bausatz ist die eigentliche Antwort

Statt Entwürfe zu pflegen, pflegen wir einen Bausatz. Farben, Abstände, Radien, Schatten, Felder, Knöpfe, Karten, Bögen: alles steht einmal an einer Stelle und gilt für Agenturseite und Kundenportal gleichermaßen.

Das hat drei Folgen, die man sofort merkt.

  • Eine Änderung wirkt überall. Ein Knopf wird an einer Stelle geändert und sieht in jedem Produkt gleich aus.
  • Neues entsteht schneller. Eine neue Seite beginnt nicht bei null, sondern bei fertigen Bausteinen.
  • Der Entwurf kann nicht veralten. Es gibt keinen zweiten Stand, der irgendwann nicht mehr stimmt.

Wir haben in einer Nacht den Anmeldebereich des Kundenportals neu gebaut, danach die ganze Agenturseite in dieselbe Sprache gebracht. Das ging nur, weil die Bausteine schon standen.

Wie Gestaltung dann abläuft

Statt eines Entwurfs gibt es eine Vorschau. Eine echte Seite auf einer eigenen Adresse, mit echten Texten, echten Daten, hell und dunkel, am Rechner und am Handy. Der Kunde schaut sie auf seinem Gerät an, nicht als Bild in einer Präsentation.

Rückmeldungen sind dann auch konkreter. Nicht mehr „das Grau ist zu kalt", sondern „auf meinem Handy sehe ich den Knopf nicht".

Wofür ein Entwurfswerkzeug weiter taugt

Wir halten nichts von Absolutismus. Drei Dinge macht ein Designwerkzeug weiter besser:

  • Erste Ideen. Zwanzig Varianten einer Anordnung in zwanzig Minuten, ohne dass etwas funktionieren muss.
  • Gedrucktes. Was nicht im Browser lebt, braucht keinen Browser.
  • Erklären. Ein Schaubild, das einen Ablauf zeigt, ist kein Interface.

Was wir nicht mehr machen: eine vollständige Seite als Entwurf durchzeichnen und danach ein zweites Mal bauen.

Warum das gerade jetzt kippt

Der Zwischenschritt lohnte sich, solange Bauen teuer war. Genau das hat sich verschoben. Mit einem sauberen Bausatz und einem Assistenten, der Bausteine zusammensetzt, entsteht eine echte Seite oft schneller, als ein Entwurf abgestimmt ist. Mehr dazu in KI-Assistenten im Arbeitsalltag.

Gestaltung wird dadurch nicht weniger wichtig. Sie verschiebt sich nur dorthin, wo sie wirkt: in das, was die Leute tatsächlich bedienen.

Der Rat für Betriebe

Wenn dir eine Agentur einen Entwurf zeigt, frage nach einer Vorschau auf deinem Handy. Wenn es die nicht gibt, siehst du ein Bild, nicht deine Seite.

Hat es dir geholfen? Teile es.
Vom Entwurf zum Bausatz: warum Designwerkzeuge an Wert verlieren0 %

Weiterlesen