Wir müssen unser fertiges Figma-Mockup in sauberen, responsiven Code umsetzen.

Wir haben ein vollständig fertiges Produktdesign in Figma und müssen es in funktionierenden Frontend-Code umsetzen, der den Mockups pixelgenau entspricht. Die Datei ist ordnungsgemäß vorbereitet: Komponenten sind gesammelt, das Auto-Layout ist eingerichtet, es gibt ein einheitliches Farb- und Typografiesystem, Abstands-Tokens und benannte Textstile. Wir benötigen einen Entwickler, der diese Struktur so liest, wie es der Designer beabsichtigt hat, und sie im Browser reproduziert, ohne vom Original abzuweichen: Wenn das Layout auf den Rahmen überlagert wird, sollten die Abstände, Schriftgrößen, Zeilenhöhen und Zustände übereinstimmen.

Der Markup muss wirklich responsiv auf Desktop, Tablet und Mobil sein und sich sauber zwischen den angegebenen Breakpoints anpassen, nicht nur bei den in Figma angezeigten Breiten. Semantisches und zugängliches HTML ist wichtig: korrekte Überschriftenhierarchie, beschriftete Formularfelder, sichtbare Fokuszustände, ausreichender Kontrast und Tastaturnavigation. Alles sollte im aktuellen Chrome, Firefox, Safari und Edge gleich funktionieren, und Hover-, aktive, deaktivierte und Fehlerzustände sollten von Anfang an behandelt werden. Wir ziehen es vor, Komponenten des Designsystems wiederzuverwenden, anstatt einmalige Stile im gesamten Code zu erstellen.

Wir erwarten sauberen, lesbaren Code mit klarer Struktur, wiederverwendbaren Komponenten und keinem toten oder doppelten CSS. React mit modernen Builds ist bevorzugt, aber sorgfältiges semantisches HTML und CSS funktionieren ebenfalls. Bitte teilen Sie uns mit, wie Sie die genaue Übereinstimmung mit dem Mockup erreichen.