> Markdown version of [/jobs/ext/3314684-senior-frontend-engineer-design-system-web-components-all-genders-4-tage-woche](https://www.wearedevelopers.com/jobs/ext/3314684-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, TypeScript, Browserstack, Vue.js, Figma, Front End Software Development
- **Published:** September 9, 2026
- **Apply:** https://www.indeed.com/viewjob?jk=6be175bc99909179

## About the Role

* 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 unsere Unternehmenswerte sind eine unschlagbare Kombination!

## 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.


## Related Videos

- [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis)
- [Shifting Stress to Progress— Understanding DevOps to do DevOps Better](https://www.wearedevelopers.com/videos/268-shifting-stress-to-progress-understanding-devops-to-do-devops-better)
- [Lessons learned from building a thriving Vue.js SaaS application](https://www.wearedevelopers.com/videos/1666-lessons-learned-from-building-a-thriving-vue-js-saas-application)
- [DB UX Design System – How we’ve open sourced our largest inner source project](https://www.wearedevelopers.com/videos/819-db-ux-design-system-how-we-ve-open-sourced-our-largest-inner-source-project)
- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [Navigating the Corporate Jungle: Life as a Developer in a large Company](https://www.wearedevelopers.com/videos/621-navigating-the-corporate-jungle-life-as-a-developer-in-a-large-company)

## Related Articles

- [Frontend Developer Salary in Germany [2023]](https://www.wearedevelopers.com/magazine/195-frontend-developer-salary-in-germany-2023)
- [c't <webdev> 2023](https://www.wearedevelopers.com/magazine/307-c-t-webdev-2023)
- [Best Coding Boot Camps in Germany](https://www.wearedevelopers.com/magazine/237-best-coding-boot-camps-in-germany)
- [The Biggest German Tech Companies](https://www.wearedevelopers.com/magazine/424-the-biggest-german-tech-companies)
- [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)