> Markdown version of [/jobs/ext/4701445-senior-frontend-engineer-design-system-web-components-all-genders-4-tage-woche](https://www.wearedevelopers.com/jobs/ext/4701445-senior-frontend-engineer-design-system-web-components-all-genders-4-tage-woche). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Senior Frontend Engineer - Design System & Web Components (all genders) 4-Tage-Woche

- **Company:** f + p GmbH
- **Location:** Leipzig, Germany
- **Experience:** Expert
- **Contract:** Permanent contract
- **Skills:** Artificial Intelligence, Automation of Tests, Cascading Style Sheets (CSS), Computer Programming, Continuous Integration, DevOps, Web Development, Mobile Application Software, TypeScript, Browserstack, Vue.js, Figma, Front End Software Development
- **Published:** November 13, 2026
- **Apply:** https://jobs.meinestadt.de/leipzig/standard?id=260650828

## About the Role

B Ausübungsformen

Gewünschte Fähigkeiten & Kenntnisse

Design
Frontend-Entwicklung
DOM
TypeScript
Mobile App
MCP
Vue.Js
CSS
BrowserStack
DevOps
Continuous Integration
Dokumentation
Frontend
Sicherheit
Figma
Deutsch
Offenheit
Verantwortungsvolle Arbeitsweise
Kommunikationsfähigkeit
Abstraktionsvermögen
Zuverlässigkeit
Einfühlungsvermögen
Sorgfältige Arbeitsweise, Du bringst deine tiefgehende Erfahrung in der Frontend-Entwicklung mit TypeScript, CSS, Vue.js und Lit sowie Kenntnisse im Umgang mit Web Components und dem Shadow DOM mit.
Ob die Skalierung von Design-Sytemen, Atomic Design oder Design-Tokens - das sind für dich keine Buzzwords, sondern dein tägliches Handwerkszeug. Du hast Lust, unser System fachlich und strukturell mit viel Gestaltungsfreiraum und Eigenverantwortung voranzutreiben.
Du bist fit im Umgang mit Tools wie Storybook, Chromatic, Browserstack und Figma (dev-seitig). Fundierte Kenntnisse in Barrierefreiheit (BFSG/ BITV) und Mehrsprachigkeit (i18n) runden dein Profil ab.
Idealerweise kennst du dich mit Deployment-Prozessen, Paket-Management und CI/CD-Pipelines aus und hast Lust, unsere Prozesse gemeinsam kontinuierlich zu verbessern.
Sauberer Code und eine gute Dokumentation sind für dich Ehrensache - genauso wie automatisiertes Testing.
Du bist kommunikationsstark, schätzt den aktiven Austausch und begegnest Stakeholdern mit Empathie, Offenheit und Diplomatie.
Außerdem hast du eine große Portion Neugier und Abstraktionsvermögen für neue Technologien. Idealerweise bringst du Erfahrung mit KI-Unterstützung beim Coding mit.
Deutschkenntnisse B2 erforderlich (German level B2 required)
Deine Werte und

## Description

Du treibst die zukunftssichere und nutzerzentrierte Weiterentwicklung unseres Design-Systems sowie unserer Web-Komponentenbibliothek (Typescript, Lit (Web Components), Vue.js) voran.
Gemeinsam mit dem Team stellst du die Stabilität und Verlässlichkeit des Design-Systems sicher. Dabei hast du relevante Entwicklungen, wie Anforderungen an die Barrierefreiheit, stets im Blick und wägst neue Potenziale und Browser-Unterstützung sorgfältig gegeneinander ab.
Du gewährleistest Update-Sicherheit über automatisierte Tests (Unit-, funktionale und visuelle Tests) und optimierst mit DevOps und Devs kontinuierlich Paket-Updates sowie CI/CD-Pipelines.
Als kommunikative:r Brückenbauer:in bist du eine zentrale Ansprechperson für Designer:innen sowie Web-/App-Devs. Du setzt dich aktiv für hohe Code-Qualität und transparente Dokumentation ein.
Du evaluierst und integrierst KI-gestützte Workflows (z.B. Agentic Coding, MCP, Design-Handover-Schnittstellen), um die Entwicklung des Design-Systems zukunftsweisend zu verbessern.