Front End Design Systems Engineer

Seeking an experienced Design System Engineer to help design, build, maintain, and evolve an enterprise scale design system that enables consistent, accessible, and scalable digital experiences across multiple products and platforms. The ideal candidate will bridge the gap between UX Design and Engineering by translating design principles into reusable UI components, standards, documentation, and development frameworks., * Build, maintain, and govern a scalable enterprise Design System.

• Develop reusable UI components, patterns, templates, and front end frameworks.
• Partner closely with UX designers, researchers, accessibility specialists, and product teams.
• Translate Figma designs and design tokens into production ready components.
• Define component architecture, coding standards, and implementation guidelines.
• Establish governance processes for component contribution, review, and adoption.
• Ensure accessibility compliance (WCAG 2.1 AA or higher).
• Create and maintain design system documentation, usage guidelines, and code examples.
• Drive consistency across websites, applications, and digital products.
• Support product teams in adopting and implementing design system standards.
• Measure usage, adoption, and effectiveness of design system assets.

Systems Engineering, User Interface Design, User Interface/Experience (UI/UX), User Interface Design, Systems Engineering, User Interface/Experience (UI/UX), Documentation, User Experience Design (UXD), Technical/Engineering Design, Multiplatform/Cross-Platform, Design Systems

• Hands on experience building or contributing to enterprise Design Systems.
• Experience with design systems such as:
• Google Material Design
• Microsoft Fluent UI
• Adobe Spectrum
• Salesforce Lightning
• IBM Carbon
• Atlassian Design System
• GOV.UK Design System
• Similar large scale component libraries

Front End Engineering

• Expert knowledge of:
• React.js
• TypeScript
• JavaScript (ES6+)
• HTML5
• CSS3 / SCSS
• Experience creating reusable component libraries and UI frameworks.
• Experience with Storybook or similar component documentation platforms.

UX & Design Collaboration

• Strong understanding of:
• Design tokens
• Component architecture
• Atomic Design principles
• Responsive design
• Interaction design patterns
• Experience collaborating with UX designers using Figma.

Accessibility

• Deep understanding of:
• WCAG 2.1+
• ADA compliance
• Semantic HTML
• Accessible component development, * Experience supporting healthcare, government, or regulated industries.
• Experience with enterprise scale digital experience platforms.
• Knowledge of micro frontends and modern front end architecture.
• Experience implementing CI/CD pipelines for component libraries.
• Familiarity with AEM, Next.js, Angular, or Vue.js.
• Experience creating design tokens and integrating them into development workflows., * 5+ years of Front End Engineering experience.
• 3+ years focused specifically on Design System development and governance.
• Demonstrated experience building and maintaining component libraries used across multiple applications and teams.

Full-time: The pay range for this role is $120k CAD135k per annum including any bonuses or variable pay. Tech Mahindra also offers benefits like medical, vision, dental, life, disability insurance and paid time off (including holidays, parental leave, and sick leave, as required by law). Ask our recruiters for more details on our Benefits package. The exact offer terms will depend on the skill level, educational qualifications, experience and location of the candidate

“AI tools may assist in the recruitment process; however, all hiring decisions are made by the recruitment team based on a comprehensive evaluation of candidates.”