13.10.2026 aktualisiert
100 % verfügbar
Senior Design Engineer | Frontend, Design Systems & Accessibility
Berlin, Deutschland
Berlin +25 km
Angewandte Medienwissenschaft (Schwerpunkt Medienproduktion/Konzeption), Technische Universität IlmenauÜber mich
Senior Design Engineer mit 20 Jahren Frontend-Erfahrung, 5 davon Enterprise-Produktentwicklung (ECM, öffentliche Verwaltung). Verantwortet Design und Code: Component APIs, Token-Systeme, Theming von Figma bis npm (Angular, React). WCAG 2.2 AA, Frontend-Lead, Mentoring. KI-Workflows mit Claude Code.
Skills
Design-EngineeringFigmaFront EndDesign-entwicklung
Design Systems & Component Libraries
Aufbau und Pflege von Design Systems, Component Libraries und Design Tokens in Figma und Code. Atomare Zerlegung von UI, Definition von Component APIs, Token-Systemen und Theme-Strategien sowie Auslieferung als versionierte npm-Pakete.
Frontend-Entwicklung mit Angular & TypeScript
Langjährige Erfahrung in der Frontend-Entwicklung mit Angular, Angular Material, Angular CDK, TypeScript, RxJS und NgRx. Umsetzung komplexer Enterprise-Anwendungen inklusive State Management, Service-Architektur und REST-API-Anbindung.
Accessibility / Barrierefreiheit nach WCAG
Umsetzung von Barrierefreiheit nach WCAG 2.1 AA und WCAG 2.2 AA sowie BITV 2.0 in allen Entwicklungsstufen. Einsatz von ARIA, Focus Management, Keyboard Navigation, Semantic HTML und A11y-Tests mit axe-core.
UX/UI-Design & Interaction Design
Erstellung von Task Flows, Wireframes und interaktiven Prototypen in Figma. Verantwortung fuer nutzerzentrierte Designentscheidungen, Abstimmung mit PO und Stakeholdern sowie Design-to-Code-Umsetzung.
Storybook & Komponentendokumentation
Einsatz von Storybook als Sandbox- und Dokumentationsplattform fuer Komponenten mit Varianten, Props-Table, A11y- und Render-Tests. Generierung von Storybook-Stories auch mit KI-gestuetzten Workflows.
KI-gestuetzte Design- und Entwicklungsworkflows
Aufbau agentischer Workflows fuer Design und Entwicklung mit Claude Code, Figma MCP, Storybook MCP und Playwright MCP. Entwicklung von Design-to-Code-Automatisierungen und deterministischen Pruefkonzepten.
Vue.js & Nuxt
Frontend-Entwicklung mit Vue.js und Nuxt fuer Corporate-Websites, Content-Hubs und Microsites mit Headless CMS (Storyblok, Umbraco) fuer Schweizer und deutsche Marken.
CSS-Architektur & Styling
Einsatz von SCSS, Sass, CSS Custom Properties, CSS Grid, Flexbox, BEM, Tailwind CSS und shadcn/ui. Aufbau eigener Sass-Werkzeuge und Validierung zur Compile-Zeit.
Testing & Tooling
Einsatz von Jest, Testing Library, Vitest, Nx, A11y-Tests (axe-core) und npm fuer Qualitaetssicherung und Build-Prozesse. Versionierung und Auslieferung von Paketen via npm.
Frontend-Lead & Mentoring
Anleitung von Frontend-Entwickler:innen in Architektur, Komponentenentwicklung und designnaher Entwicklung. Begleitung durch Code Reviews, Pair Programming und Design Refinements.
Aufbau und Pflege von Design Systems, Component Libraries und Design Tokens in Figma und Code. Atomare Zerlegung von UI, Definition von Component APIs, Token-Systemen und Theme-Strategien sowie Auslieferung als versionierte npm-Pakete.
Frontend-Entwicklung mit Angular & TypeScript
Langjährige Erfahrung in der Frontend-Entwicklung mit Angular, Angular Material, Angular CDK, TypeScript, RxJS und NgRx. Umsetzung komplexer Enterprise-Anwendungen inklusive State Management, Service-Architektur und REST-API-Anbindung.
Accessibility / Barrierefreiheit nach WCAG
Umsetzung von Barrierefreiheit nach WCAG 2.1 AA und WCAG 2.2 AA sowie BITV 2.0 in allen Entwicklungsstufen. Einsatz von ARIA, Focus Management, Keyboard Navigation, Semantic HTML und A11y-Tests mit axe-core.
UX/UI-Design & Interaction Design
Erstellung von Task Flows, Wireframes und interaktiven Prototypen in Figma. Verantwortung fuer nutzerzentrierte Designentscheidungen, Abstimmung mit PO und Stakeholdern sowie Design-to-Code-Umsetzung.
Storybook & Komponentendokumentation
Einsatz von Storybook als Sandbox- und Dokumentationsplattform fuer Komponenten mit Varianten, Props-Table, A11y- und Render-Tests. Generierung von Storybook-Stories auch mit KI-gestuetzten Workflows.
KI-gestuetzte Design- und Entwicklungsworkflows
Aufbau agentischer Workflows fuer Design und Entwicklung mit Claude Code, Figma MCP, Storybook MCP und Playwright MCP. Entwicklung von Design-to-Code-Automatisierungen und deterministischen Pruefkonzepten.
Vue.js & Nuxt
Frontend-Entwicklung mit Vue.js und Nuxt fuer Corporate-Websites, Content-Hubs und Microsites mit Headless CMS (Storyblok, Umbraco) fuer Schweizer und deutsche Marken.
CSS-Architektur & Styling
Einsatz von SCSS, Sass, CSS Custom Properties, CSS Grid, Flexbox, BEM, Tailwind CSS und shadcn/ui. Aufbau eigener Sass-Werkzeuge und Validierung zur Compile-Zeit.
Testing & Tooling
Einsatz von Jest, Testing Library, Vitest, Nx, A11y-Tests (axe-core) und npm fuer Qualitaetssicherung und Build-Prozesse. Versionierung und Auslieferung von Paketen via npm.
Frontend-Lead & Mentoring
Anleitung von Frontend-Entwickler:innen in Architektur, Komponentenentwicklung und designnaher Entwicklung. Begleitung durch Code Reviews, Pair Programming und Design Refinements.
Sprachen
DeutschMutterspracheEnglischgut
Projekthistorie
KI-gestützte Design-Engineer-Workflows mit Claude Code. Entwicklung von Claude-Code-Skills, KI-Harness für agentische UI-Konzeption und -Entwicklung, Aufbau von Design Systemen
Greenfield-Produktentwicklung in Doppelrolle Design (Figma) und Entwicklung (Angular, TypeScript) fuer yuuvis Cloud eAkte (Enterprise-ECM fuer die oeffentliche Verwaltung) und yuuvis Shell Frontend Framework. Umsetzung von UI/UX-Design und Komponenten, Features, Component Library Sparkle als versioniertes npm-Paket, Design System Fundament fuer das Shell-Framework sowie Mentoring von Frontend-Entwickler:innen und UX-Designerin.
Mandate u. a. bei nueva ZRH / Valencia Gruppe, Zuerich (Endkunden: Coop, Feldschloesschen, Julius Baer, Swissmem, Zuerich Open Air, Swisscom asport.tv) sowie ImmobilienScout24 (wg-suche.de), Berlin. Corporate-Websites, Content-Hubs und Microsites mit Headless CMS als Frontend-Lead; Frontend-Entwicklung und Designumsetzung mit Vue.js und Nuxt; Marktplatz fuer WG-Suchende in AngularJS.