# Senior Design Engineer, Design System

**Company:** [Celonis](https://hotfix.jobs/companies/celonis)
**Location:** Madrid, Spain, Munich, Germany
**Role:** Frontend Engineering
**Experience:** 5+ years
**Skills:** Angular, TypeScript, HTML, CSS, React, Figma, W3C Dtcg, Style Dictionary, Figma Code Connect, Wcag 2.2, Mcp, Tokens Studio, Visual Regression, Aria, Design Tokens
**Posted:** 2026-08-13

> Designs and builds a scalable Angular and TypeScript design system, translating complex data and AI-driven behaviors into accessible, high-performance interfaces. The role requires 5–8 years of design engineering or front-end experience, strong UX judgment, and hands-on expertise in design tokens, Figma, and accessibility.

## Job Description

## Responsibilities
- Design and build production components in **Angular** and **TypeScript**, using semantic HTML, ARIA, and modern CSS custom properties for design tokens.
- Own interaction decisions, component design, and front-end architecture end to end.
- Translate complex process-intelligence data and AI-driven behaviors into clear, intuitive, high-performance operator experiences.
- Set standards for front-end quality, visual polish, motion and animation, performance, and accessibility.
- Drive rapid prototyping to explore interaction concepts and create testable experiences.
- Collaborate with designers, product managers, and engineers to evolve the design system through a contribution model.
- Maintain tokens as code in the **W3C DTCG** format using **Style Dictionary** or similar tools.
- Structure component metadata, documentation, and APIs for AI coding agents.
- Author and maintain **Figma Code Connect** mappings between Figma components and coded counterparts.
- Build CI guardrails, including visual-regression, accessibility, and token-compliance checks.
- Use AI design and coding tools such as **Figma Make**, **v0**, **Cursor**, **Claude Code**, and **Copilot**.
- Lead system initiatives and mentor designers and engineers.

## Requirements
- Approximately 5–8 years of experience across design engineering, UX engineering, or front-end development, including significant design-system or component-library work in a SaaS or B2B environment.
- Strong UX instincts and the ability to make independent design decisions with minimal oversight.
- Strong production experience with **Angular** and **TypeScript**.
- Excellent **HTML** and **CSS** fundamentals.
- Experience with, or genuine openness to, **React**.
- Deep understanding of design-token architecture, including primitive, semantic, and component tiers, and modern token pipelines.
- Strong **Figma** proficiency and the ability to move fluidly between design and code.
- Demonstrated accessibility expertise, including implementation of **WCAG 2.2** in code.
- Hands-on experience with AI design and coding tools.
- Product mindset, ownership, communication, and senior individual-contributor leadership skills.

## Nice-to-haves
- Production experience with **Figma Code Connect**.
- Experience building or integrating **MCP (Model Context Protocol)** servers, such as the Figma Dev Mode MCP server or a custom design-system MCP server.
- Experience building evals for AI-generated UI or writing specifications and prompts for AI generation.
- Experience with complex, data-dense, or real-time interfaces.
- Token-pipeline experience with **Style Dictionary** or **Tokens Studio**.

## Compensation and Benefits
- Restricted Stock Units (RSUs) and merit-based refresh grants for full-time employees.
- Inclusive parental leave: 24 weeks of fully paid leave for primary carers and 12 weeks for supporting carers.
- Unlimited PTO in applicable regions and generous PTO globally.
- Flexible hybrid work model.
- Learning framework, mentorship programs, and access to a dedicated learning platform.
- Subsidized Wellhub memberships, mental health counseling, and Wellness Weeks.
- Paid time off for community and environmental volunteering.

## Similar jobs

- [Senior Frontend Engineer - Visual Experiences](https://hotfix.jobs/jobs/8ada836f-95b6-4f3f-ba6e-c8eab8ce6e65) - Celonis - Munich, Germany
- [Senior Frontend Engineer - Process Modeling Team](https://hotfix.jobs/jobs/ea2f6d26-96c3-4d22-afcb-f7f886ef7453) - Celonis - Madrid, Spain
- [Senior Frontend Software Engineer - Orchestration and Automation](https://hotfix.jobs/jobs/78a71118-597d-4079-9c3d-fd3b2469818e) - Celonis - Madrid, Spain
- [Senior Frontend Engineer](https://hotfix.jobs/jobs/b4c04e73-6eb3-468b-90bc-7391e549f389) - Aleo - Remote
- [Design Engineer - Creative Studio](https://hotfix.jobs/jobs/de420dad-8a9b-4873-8439-e2166524b32a) - ElevenLabs - Remote

**Apply:** https://hotfix.jobs/jobs/079867fb-6b7b-461f-a170-932ff6b56820
**Canonical:** https://hotfix.jobs/jobs/079867fb-6b7b-461f-a170-932ff6b56820