Der Design-Handoff ist die Übergabe fertiger Entwürfe von der Gestaltung an die Entwicklung. Zur Übergabe gehört neben den Entwurfsbildern alles, was zum Bauen nötig ist: Maße und Abstände, Farben und Schriften, Zustände wie Hover und Fehler, Verhalten auf verschiedenen Bildschirmgrößen und die Dateien für Bilder und Icons.
- Design-Handoff
Die Übergabe fertiger Entwürfe samt Maßen, Zuständen, Assets und Regeln von der Gestaltung an die Entwicklung.
Beispiel: „Beim Design-Handoff fehlte der Fehlerzustand des Formulars, also kam er in der Entwicklung nicht vor.“Auch: Design Handoff, Übergabe, Developer Handoff.
Gehört zum Designprozess nach der Freigabe der Entwürfe.
Was zu einem guten Design-Handoff gehört
Laut Nielsen Norman Group besteht eine Spezifikation aus der Designdatei und einem Arbeitspaket für die Entwicklung, das viele Teams wie einen Vertrag behandeln. Dazu gehören beschriebene Elemente, Funktionen und Inhalte. Was oft fehlt: leere Zustände, Fehlermeldungen, lange Texte, Ladezustände und das Verhalten auf schmalen Bildschirmen.
Werkzeuge für den Design-Handoff
In Figma gibt es seit Juni 2023 einen eigenen Dev Mode: Entwickler sehen dort Maße, Eigenschaften, Code-Vorschläge und Änderungen, laden Assets herunter und erkennen, welche Teile zur Umsetzung freigegeben sind. Wiederkehrende Werte wie Farben und Abstände übergibt man am besten als Variablen oder Design Tokens; das Format der W3C Design Tokens Community Group liegt seit Oktober 2025 in einer stabilen Fassung vor.
Warum Übergabe allein nicht reicht
Ein reiner Handoff fertiger Entwürfe erzeugt laut Nielsen Norman Group Reibung, weil die Entwicklung erst am Ende erfährt, was geplant ist. Besser ist es, sie früh einzubinden, technische Grenzen gemeinsam zu klären und nach der Übergabe im Gespräch zu bleiben. Ein gepflegtes Design System verkleinert die Übergabe, weil viele Bausteine schon gebaut sind.