Design Systems Engineer (m/w/d)

Wir suchen Dich als Design Systems Engineer. Du übernimmst die Verantwortung für die End-to-End-Pipeline unseres Designsystems – von Design Tokens in Figma, über automatisierte Token-Transformation und Komponentenbibliotheken, bis hin zur durch visuelle Regressionstests abgesicherten Auslieferung in Produktion. Du sitzt an der Nahtstelle zwischen Design und Engineering: so versiert im Design, dass Du die Semantik von Tokens mit Designerinnen und Designern diskutieren kannst, und so stark im Code, dass Du die Infrastruktur bereitstellst, die Designentscheidungen in auslieferbare, getestete Komponenten verwandelt.

Das ist eine Rolle, in der Du an einem Tag einen Namenskonflikt zwischen Figma und Code bereinigst und am nächsten diagnostizierst, warum eine Komponente in Produktion anders rendert. Du bist die verantwortliche Person für das System, auf dem alle Produktteams aufbauen.

Deine Aufgaben:

• Als Owner der Design-Token-Pipeline hältst Du Figma als Single Source of Truth und führst Tokens bis hin zu konsumierbaren CSS/SCSS-Variablen und einer Komponentenbibliothek, während Du die Ebenen von primitiven → semantischen → Komponenten-Tokens, Namenskonventionen sowie die unvermeidlichen Lücken und Konflikte managst.

• Die Komponentenbibliothek liegt in Deiner Verantwortung: Du baust und pflegst sie, prüfst Komponenten gegen Designspezifikationen, behebst Fidelity-Probleme und steuerst Varianten und APIs.

• In dieser Rolle betreibst Du Design-to-Code-Automatisierung, extrahierst Tokens und Komponenten-Kontext programmatisch aus Figma und baust Tooling (einschließlich KI-gestützter Workflows), das die manuelle Arbeit reduziert, um Design und Code synchron zu halten.

• Als Owner der Infrastruktur für visuelle Regression und Barrierefreiheit pflegst Du eine CI-integrierte Pipeline (visuelles Diffing + automatisierte a11y-Checks) mit Baseline-Management und PR-Gating, gehostet auf Cloud-Infrastruktur in Zusammenarbeit mit unseren DevOps-Teams und unserer Azure-Cloud-Infrastruktur.

• Wenn Migrationen anstehen, leitest Du die technischen Teile von Komponenten- und Token-Migrationen, indem Du phasenweise Rollouts planst und ausführst, die Legacy-Komponenten schrittweise gegen das moderne System austauschen – Spezifikation für Spezifikation –, mit expliziter Freigabe und Vorher/Nachher-Nachweisen, während Du die Rückwärtskompatibilität schützt.

• Durch Dokumentation und Wissensweitergabe hältst Du Architekturentscheidungen und Konventionen fest, damit das System über einzelne Personen hinaus wartbar bleibt.

• Mehrjährige Erfahrung mit Designsystemen, idealerweise in einem plattformübergreifenden Designsystem, befähigt Dich zum Erfolg.
• Deine TypeScript- und modernen Frontend-Skills sind stark, und Du fühlst Dich in Angular und Web Components (z. B. Lit) wohl.• Dein CSS/SCSS-Handwerk ist solide.
• Praxiserfahrung mit Design Tokens – einschließlich Token-Architektur, semantischen Ebenen und Tooling wie Tokens Studio, W3C DTCG oder Style Dictionary (oder gleichwertig) – gehört zu Deinem Werkzeugkasten.
• Du zeigst echte Figma-Fluency: von der Arbeit mit Designsystemen, Variablen/Collections und Komponentenbibliotheken bis zur Nutzung der Figma-API/des Plugin-Ökosystems für programmatic extraction.
• Deine CI/CD- und Cloud-Delivery-Erfahrung umfasst Pipelines, das Veröffentlichen von Paketen in private Feeds sowie das Hosting von Build-Artefakten und Tooling; Azure-Erfahrung (Static Web Apps, Container Apps, Blob Storage, Entra ID) ist ein Plus.
• Die schrittweise Modernisierung von Legacy-Frontends, ohne bestehende Consumer zu brechen, hast Du bereits umgesetzt.
• Du bist neugierig und leidenschaftlich in Bezug auf KI-gestützte Design- und Engineering-Workflows.
• Eine proaktive Herangehensweise an Problemlösung prägt Deine Arbeitsweise.
• Du verfügst über ausgezeichnete Kommunikationsfähigkeiten in Englisch; Deutsch ist von Vorteil.

Es gibt viele gute Gründe für DocuWare – unsere Unternehmenskultur ist nur einer davon.
Im Team von DocuWare profitierst auch Du von diesen Vorteilen:

• Weltweit verteilte, internationale Teams: Du triffst uns in Germering, New York, Sofia oder vielen anderen Locations.
• Flexibler Arbeitsort und Arbeitszeit: Du arbeitest mobil oder in unserem modernen und gut ausgestattetem Büro – dabei teilst Du Dir Deine Arbeitszeit flexibel ein.
• Individuelle Förderung: Nach einer intensiven Einarbeitung bekommst Du regelmäßig auf Dich zugeschnittene Weiterbildungen (u.a. Kongresse, interne Teambuilding Maßnahmen).
• Wohl verdiente Erholung: Neben 35 Urlaubstagen im Jahr bieten wir Dir ein breites Sport- und Massageangebot, Kicker-Tisch und einen entspannenden Lounge-Bereich.
• Gesunde Ernährung: Zusammen genießen wir Fairtrade Kaffee mit Bio-Milch oder HaferDrink, Snacks und frisches Obst – alles kostenlos – sowie bezuschussten Lunch aus dem Foodji-Kühlschrank.
• Team-Spirit: Regelmäßige Events für Mitarbeitende - virtuell oder vor Ort sorgen für Zusammenhalt
• Nachhaltigkeit und soziales Engagement: DocuWare steht für papierloses Arbeiten und unterstützt ehrenamtliche Organisationen und lokale Sportvereine.
• Gute Erreichbarkeit auf allen Wegen: Komm ins Büro mit dem geleasten E-Bike (Jobrad), per S-Bahn oder über die Autobahnen A96/A99 (Dein E-Auto kannst Du vor Ort kostenlos laden).
• Du sorgst vor & wir unterstützen Dich dabei: DocuWare bezuschusst Deine betriebliche Altersvorsorge!
• Und nicht zuletzt ein stabiler Arbeitsplatz: In unserem langjährig bestehenden und stetig wachsenden Unternehmen erhältst Du eine unbefristete Festanstellung.
• Wir nutzen immer die neuesten Technologien: Erfahre mehr auf Stackshare!
• Einzigartige Vorteile: Wähle eine von drei großartigen Optionen (Bonago, E-Gym oder bezuschusstes Deutschlandticket) nach Deinen Bedürfnissen.
• 30 Tage Work from Abroad: Erlebe internationale Erfahrungen und erweitere Deinen Horizont.
• Family First: Bevorzugte Anmeldung in unserer ausgewählten Kindertagesstätte in Germering (keine Garantie).
• Buddy Programm: Du erhältst einen Buddy, der Dir den Einstieg erleichtert und Dich in Deinen ersten Wochen bei DocuWare unterstützt.