# Design übergeben, damit Entwickler es umsetzen können. Acht Schritte für eine saubere Übergabe: geordnete Ansichten, Abläufe, Fehlerzustände, Designsystem und die Zusammenarbeit im Team. https://laithjunaidy.com/de/writing/design-handoff-to-developers Von Laith Aljunaidy. Veröffentlicht: 2026-05-31. Zuletzt aktualisiert: 2026-09-22. --- Ein Design ist nicht fertig, wenn es richtig aussieht. Es ist fertig, wenn ein Entwickler es ohne Rätselraten umsetzen kann. Der Abstand dazwischen hat einen Preis. In [Zeplins Umfrage unter DesignOps-Fachleuten von 2024](https://blog.zeplin.io/design-delivery/designer-developer-collaboration-insights-and-statistics/) sagten 66 percent, sie verlören ein Viertel bis die Hälfte ihrer Zeit durch ineffiziente Designübergaben. Zeplin beziffert das auf 10 to 20 Arbeitsstunden pro Woche für Aufgaben ohne Geschäftswert. Die Übergabe ist der Punkt, an dem Geld und Schwung verloren gehen. Ich habe bei Branders und [Zain Cash](https://laithjunaidy.com/de/work/zaincash) Produkte für mehr als zwei Millionen Menschen ausgeliefert. Fast jede Verschlechterung, der ich nachgegangen bin, begann bei der Übergabe. Die Lösung beginnt mit einer Haltung: Die Übergabe ist ein vorzubereitendes Arbeitsergebnis. Geben Sie Entwicklern alles, was sie zur Umsetzung brauchen, in der Reihenfolge, in der sie es brauchen. Dann bleiben nur gute Überraschungen. Hier ist meine Checkliste in acht Teilen, nach den wichtigsten Aufgaben geordnet. ## Das Wichtigste - Bereiten Sie die Übergabe als eigenes Arbeitsergebnis vor. Zwei Drittel der Teams verlieren 25 to 50 percent ihrer Zeit, wenn sie erst am Ende daran denken (Zeplin, 2024). - Ordnen und benennen Sie Ansichten nach Ablauf, damit sich die Datei wie eine Geschichte lesen lässt. - Zeigen Sie die Verbindungen zwischen Ansichten und gestalten Sie Fehler- und Leerzustände ebenso wie den Idealfall. - Übergeben Sie das Designsystem als benannte Tokens und stimmen Sie sich vor der Gestaltung mit der Entwicklung ab. - Bleiben Sie während der Umsetzung erreichbar. Eine saubere Übergabe bringt den nächsten Auftrag. ## Warum entscheidet die Übergabe darüber, ob Ihr Design Bestand hat? Die Datei ist der letzte Ort unter Ihrer Kontrolle und der erste, an dem Ihr Design an Qualität verliert. In derselben Umfrage berichteten 53 percent von verzögerten Funktionsstarts durch ineffiziente Übergaben und 73 percent von schlechterer Stimmung im Designteam. Eine schwache Übergabe kostet Zeit und schreibt Ihre Arbeit unauffällig um. Behandeln Sie den Entwickler als wichtigsten Nutzer Ihrer Datei. Ist sie schwer zu lesen, wird das Produkt schwer umzusetzen sein und wie ein Entwurf Ihrer Arbeit aussehen. Jede Unklarheit ist eine Entscheidung, die jemand anderes für Sie trifft, meist unter Zeitdruck und anders als von Ihnen gedacht. Die Übergabe ist Ihre letzte Korrektur. ## Wie ordnen Sie die Datei, damit Entwickler sie verstehen? Ordnen Sie Ansichten nach Ablauf, benennen Sie sie klar und gruppieren Sie sie nach Bereich. Wer die Datei öffnet, soll einer Geschichte folgen können. Findet ein Entwickler die nächste Ansicht in einer Sekunde, bleibt er konzentriert. Muss er suchen, beginnt er zu erfinden. Dabei entfernt sich die Umsetzung vom Design. Benennung ist Kommunikation. „Ansicht 12 Kopie final v3“ sagt nichts. „Kasse, leerer Warenkorb“ beschreibt genau, was gebaut wird und wann es erscheint. Investieren Sie zehn Minuten. Auf der anderen Seite sparen sie Stunden. ## Wie zeigen Sie die Verbindungen zwischen Ansichten? Zeigen Sie den Ablauf über die einzelnen Frames hinaus. Eine statische Ansicht sagt, was gebaut werden soll, aber nicht, wie es sich verhält: Welche Berührung führt wohin? Was macht Zurück? Was passiert bei Erfolg und Abbruch? Ist der Weg sichtbar, endet das Rätselraten über die Logik und die Umsetzung wird schneller. Diese Ebene fehlt in den meisten Dateien. Sie erzeugt die meisten Fragen während der Umsetzung. Jeder heute gezeichnete Pfeil erspart später eine Nachricht, oft erst nachdem bereits das Falsche ausgeliefert wurde. ## Warum zuerst Fehler- und Leerzustände gestalten? Sie gehören zum Produkt. Echte Nutzer begegnen ihnen früh, und unter Zeitdruck fallen sie zuerst aus der Datei. Wenn Sie die 404-Seite, den leeren Posteingang oder die fehlgeschlagene Zahlung nicht gestalten, übernimmt das der Entwickler. Das Ergebnis entspricht selten der Sorgfalt des Idealfalls. Behandeln Sie schwierige Abläufe so aufmerksam wie die Demo. Bei Leer- und Fehlerzuständen entsteht oder schwindet Vertrauen. Ein leerer Bildschirm wirkt kaputt. Ein durchdachter Leerzustand zeigt, dass das Produkt diese Situation erwartet hat. Der Idealfall bekommt Applaus. Die Randfälle entscheiden, ob Menschen zurückkommen. ## Was gehört in das übergebene Designsystem? Übergeben Sie die Regeln: Farben, Schriftgrößen, Abstände, Icons und Komponenten als benannte Tokens. Entwickler sollten Werte nicht mit der Pipette aus einem Rechteck entnehmen müssen. Ein System macht aus hundert kleinen Entscheidungen wenige. So bleibt die Umsetzung zusammenhängend, statt Ansicht für Ansicht abzudriften. Diese Arbeit ist mir besonders wichtig. Für [Bysooq](https://laithjunaidy.com/de/work/bysooq) entwickelte ich das Souqra Design System, die Grundlage des gesamten Marktplatzes. Für [Mercato](https://laithjunaidy.com/de/work/mercato) entstand ein System, das einen schnell wachsenden Katalog über alle Ansichten hinweg einheitlich hielt. Beide Übergaben bestanden aus einer dokumentierten Sprache, die Entwickler ohne Rückfrage erweitern konnten. Genau dafür ist ein System da. Tokens lassen Ihr Design über die gezeichneten Ansichten hinaus wachsen. Sobald die Entwicklung ein neues Layout braucht, liefert ein dokumentiertes System die Antwort. Fehlt die Dokumentation, wird geraten. Ein Jahr später besteht das Produkt aus lauter Beinahe-Treffern. ## Wie arbeiten Sie mit Entwicklern gemeinsam an der Umsetzung? Stimmen Sie sich vor der Gestaltung ab. Lernen Sie früh die technischen Mittel und Grenzen kennen, besonders ohne eigenen Entwicklungshintergrund. Fünf Minuten über einfache und aufwendige Umsetzungsmöglichkeiten verhindern eine schöne Interaktion, die einen Monat braucht, obwohl eine kleine Änderung in einem Tag nahezu dasselbe erreicht. Bleiben Sie dann erreichbar. Übergabe ist ein Gespräch. Beantworten Sie Fragen, prüfen Sie die Vorabversion und erkennen Sie kleine Missverständnisse, bevor sie im veröffentlichten Produkt feststecken. Eine schnelle Antwort kostet nur einen Bruchteil einer späteren Korrektur. Behandeln Sie schließlich die Beziehung als Teil des Handwerks. Entwickler, die eine klare Übergabe erhalten, empfehlen Sie weiter, bauen Ihre Nebenprojekte und verwirklichen Ihr nächstes Design. Eine saubere Übergabe zeigt Respekt vor der Arbeit und schafft das Vertrauen für den nächsten Auftrag. ## Die Checkliste in acht Schritten 1. Ordnen Sie Ansichten nach Ablauf, damit die Datei eine Geschichte erzählt. 2. Benennen Sie jede Ansicht klar und gruppieren Sie sie nach Bereich. 3. Zeigen Sie die Verbindungen: Ziele von Berührungen, Zurück, Erfolg und Abbruch. 4. Gestalten Sie Fehler- und Leerzustände so sorgfältig wie den Idealfall. 5. Übergeben Sie benannte Tokens für Farben, Schrift, Abstände, Icons und Komponenten. 6. Klären Sie technische Grenzen und Mittel vor der Gestaltung. 7. Bleiben Sie erreichbar, beantworten Sie Fragen und prüfen Sie die Vorabversion. 8. Behandeln Sie die Beziehung zu Entwicklern als Teil Ihres Handwerks. ## Die Übergabe ist Ihre letzte Korrektur Ob ein Design besteht, entscheidet sich zwischen Datei und Umsetzung. Diese Lücke müssen Sie schließen. Ordnen und benennen Sie Ansichten, zeigen Sie Abläufe, gestalten Sie schwierige Fälle, dokumentieren Sie Tokens, stimmen Sie sich früh ab und bleiben Sie im Gespräch. Diese unspektakuläre Arbeit entscheidet über eine originalgetreue Umsetzung oder einen groben Entwurf. Mit allen acht Schritten wird das nächste Projekt leichter. Ein Team, das eine saubere Übergabe erhält, fragt wieder nach Ihnen. Wie das in einem echten Produkt aussieht, zeigt unten [die Neugestaltung von Zain Cash](https://laithjunaidy.com/de/writing/redesigning-zain-cash). Oder erzählen Sie mir, was Sie bauen. ## Häufige Fragen ### Was ist eine Designübergabe? Dabei übergibt ein Designer der Entwicklung alles Nötige zur Umsetzung: geordnete Ansichten, Abläufe, Zustände und ein dokumentiertes Designsystem. Eine gute Übergabe ist ein vorbereitetes Arbeitsergebnis, mehr als eine exportierte Datei. ### Was sollte eine Designübergabe enthalten? Nach Ablauf geordnete Ansichten, ihre Verbindungen, Fehler- und Leerzustände sowie benannte Tokens für Farben, Schrift, Abstände und Komponenten. Dazu kommt eine kurze Abstimmung über technische Grenzen. ### Wie übergebe ich Designs an Entwickler? Ordnen und benennen Sie die Datei, zeigen Sie die Abläufe, gestalten Sie schwierige Fälle und dokumentieren Sie das System. Stimmen Sie sich vor der Gestaltung ab und bleiben Sie während der Umsetzung für Fragen erreichbar.