Übergabe vom Design an die Entwicklung
Eine vollständige Übergabe mit Spezifikation, Tokens und Assets lässt die Entwicklung das Design ohne Rätselraten umsetzen.
Ausgangslage
Ohne saubere Übergabe gehen zwischen Entwurf und fertiger Seite Details verloren, vor allem wenn Design und Code bei verschiedenen Teams liegen. Dann stimmen Abstände nicht, Zustände fehlen oder Bilder haben die falsche Größe.
Inhalt der Übergabe
Maße: Abstände, Größen und Schrift, ablesbar im Dev Mode von Figma.
Design Tokens: Farben, Schriften und Abstände als Variablen für den Code.
Zustände: Hover, Fokus, Fehler, Laden und leere Ansicht je Komponente.
Assets: Icons als SVG, Bilder in den nötigen Formaten und Größen.
Barrierefreiheit: Hinweise zu Lesereihenfolge, Labels und Rollen.
Vorgehen
Unsere Entwickler prüfen Entwürfe auf Umsetzbarkeit, bevor sie final sind. Wir übergeben Komponente für Komponente, Entscheidungen stehen direkt in Figma. Komponenten tragen im Code dieselben Namen wie dort.
Externe Designs
Auch Designs anderer Agenturen oder deines eigenen Teams setzen wir um. Vorher prüfen wir die Dateien und benennen Lücken.
Ergebnis
Du bekommst weniger Korrekturen, verlässliche Zeitpläne und eine Umsetzung, die dem freigegebenen Design entspricht.