> Markdown version of [/jobs/ext/2896806-design-engineer](https://www.wearedevelopers.com/jobs/ext/2896806-design-engineer). 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).

---

# Design Engineer

- **Company:** Personios
- **Location:** Berlin, Germany (Remote available)
- **Contract:** Permanent contract
- **Skills:** Artificial Intelligence, Cascading Style Sheets (CSS), Cursor (Graphical User Interface Elements), Next.js, TypeScript, User Interface Testing, ReactJS, Front End Software Development
- **Published:** September 14, 2026
- **Apply:** https://startup.jobs/design-engineer-product-senior-staff-d-f-m-personio-10059627

## About the Role

* Technical proficiency in front-end development (React, Typescript, CSS) combined with strong UX sensibility and product instincts. Should have familiarity with NextJs, monorepos, UI testing, performance considerations and accessibility. Preference for experience with Vercel, Microfrontends and Motion.
 * Hands-on experience with design systems, including building and scaling component libraries, tokens, and patterns adopted by multiple teams.
 * Comfort with AI-assisted design and prototyping tools (e.g., Cursor, Claude), and a track record of using these to accelerate design-to-code workflows. Preference for familiarity of the Claude ecosystem and agentic development workflows.
 * Experience creating reusable frameworks, tooling, or processes that improve how design and engineering teams work together and that are adopted beyond their original context.
 * Demonstrated ability to collaborate across functions - working fluidly with designers, product managers, and engineers, and communicating at the intersection of both disciplines.
 * An eye for craft and consistency, with the drive to proactively identify quality gaps and take initiative to address them across the product.
 * Comfort operating in ambiguity, with the self-direction to define your own scope, navigate undefined spaces, and bring clarity to cross-functional challenges.

## Description

* Steward and improve the design system by building and maintaining high-quality, accessible, and performant components and patterns that are used consistently across Personio's product surfaces.
 * Uplevel cohesion in the product by spotting gaps in consistency across the product, connecting disparate projects, and building reusable patterns and frameworks that scale.
 * Contribute to high-priority product features by embedding with product teams to deliver UX features and systems that benefit a wide reach of customers.
 * Collaborate across disciplines - maintaining a close relationship with both design and engineering to stay aligned on platform priorities, developer experience, and the evolving standards that govern design-engineering handoff.
 * Contribute to our Product & Technology culture by bringing technical perspective into design conversations, and design perspective to engineering, mentoring designers on front-end concepts, and helping the org think more fluently about code and design together.
 * Build AI-powered design tooling and workflows that move designers closer to code through high fidelity prototyping and live production edits.
 * Help define and evolve the Design Engineering discipline at Personio - contributing to career expectations, playbooks, and processes as this practice matures.


## Related Videos

- [But, you're not Facebook](https://www.wearedevelopers.com/videos/378-but-you-re-not-facebook)
- [Do TypeScript without TypeScript](https://www.wearedevelopers.com/videos/327-do-typescript-without-typescript)
- [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs)
- [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio)
- [The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems](https://www.wearedevelopers.com/videos/2101-the-pragmatic-architect-balancing-necessity-vs-sufficiency-in-react-systems)
- [Vuejs and TypeScript- Working Together like Peanut Butter and Jelly](https://www.wearedevelopers.com/videos/127-vuejs-and-typescript-working-together-like-peanut-butter-and-jelly)

## Related Articles

- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline)
- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [Dev Digest 113 - Debugging above the cloud](https://www.wearedevelopers.com/magazine/422-dev-digest-113-debugging-above-the-cloud)
- [Dev Digest 129 - Now that's what I call private data!](https://www.wearedevelopers.com/magazine/468-dev-digest-129-now-that-s-what-i-call-private-data)