> Markdown version of [/jobs/ext/1438221-senior-design-engineer-design-system](https://www.wearedevelopers.com/jobs/ext/1438221-senior-design-engineer-design-system). 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 Design Engineer, Design System - **Company:** Celonis - **Location:** München, Germany - **Experience:** Expert - **Contract:** Permanent contract - **Skills:** Application Programming Interfaces (APIs), Artificial Intelligence, Software as a Service, Cursor (Graphical User Interface Elements), Rapid Prototyping Process, Systems Integration, TypeScript, Web Content Accessibility Guidelines, Web Engineering, ReactJS, AngularJS, Material UI, Figma, Front End Software Development - **Published:** July 25, 2026 - **Apply:** https://www.adzuna.de/details/5813664695 ## About the Role * Around 5-8 years across design engineering / UX engineering / front-end, including significant hands-on work building a design system or component library in a SaaS or B2B environment. * Excellent UX instincts with strong attention to interaction detail and usability, you can own design decisions independently, with minimal oversight. * Strong production front-end skills in Angular and TypeScript with rock-solid HTML and CSS fundamentals; experience with (or genuine openness to) React is a plus. * Deep understanding of design token architecture (primitive * semantic * component tiers) and modern token pipelines. * Strong Figma fluency and comfort moving fluidly between design and code. * Demonstrated accessibility expertise (WCAG 2.2) implemented in code. * Hands-on fluency with AI design and coding tools, and an opinionated, responsible point of view on using them. * A strong product mindset and bias toward ownership, plus the communication and leadership of a senior IC. Bonus points * Experience with Figma Code Connect in production. * Experience building or integrating MCP (Model Context Protocol) servers e.g. the Figma Dev Mode MCP server or a custom design-system MCP server. * Experience building evals for AI-generated UI, or writing specs/prompts for AI generation. * Background working on complex, data-dense, or real-time interfaces (a strong fit for our process-intelligence product). * Token-pipeline experience with Style Dictionary, Tokens Studio, or equivalent. ## Description * Drive rapid prototyping to explore novel interaction concepts and turn ambitious design visions into distinctive, testable experiences. * Collaborate with designers, PMs, and engineers to derive and evolve the design system through a healthy contribution model. * Make the system agent-ready: maintain tokens-as-code in the W3C DTCG format (Style Dictionary or similar) and structure component metadata, docs, and APIs so AI coding agents can consume them as reliable context. * Author and maintain Figma Code Connect mappings so Figma components link cleanly to their coded counterparts for engineers and agents alike. * Build evals as guardrails, visual-regression, accessibility, and token-compliance checks in CI, so generated and contributed UI meets the bar before it ships. * Use AI tooling daily (Figma Make, v0, Cursor, Claude Code, Copilot, or similar), applying senior design and engineering judgment to critique and correct the output. * Lead system initiatives and mentor designers and engineers contributing to it. ## Related Videos - [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) - [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) - [How to Stop Choosing JavaScript Frameworks and Start Living](https://www.wearedevelopers.com/videos/118-how-to-stop-choosing-javascript-frameworks-and-start-living) - [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) - [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) ## Related Articles - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [10 Essential Figma Plugins for Frontend Developers in 2023](https://www.wearedevelopers.com/magazine/262-10-essential-figma-plugins-for-frontend-developers-in-2023) - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline) - [Frontend Developer Salary in Germany [2023]](https://www.wearedevelopers.com/magazine/195-frontend-developer-salary-in-germany-2023) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)