Role: Front End Design Systems Engineer
Location: Remote
Position Summary
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.
Key Responsibilities
- 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.
Required Skills:
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
Preferred Qualifications
- 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.
Experience
- 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."
"Tech Mahindra is an Equal Employment Opportunity employer. We promote and support a diverse workforce at all levels of the company. All qualified applicants will receive consideration for employment without regard to race, religion, color, sex, age, national origin, or disability. All applicants will be evaluated solely on the basis of their ability, competence, and performance of the essential functions of their positions with or without reasonable accommodations. Reasonable accommodations also are available in the hiring process for applicants with disabilities. Candidates can request a reasonable accommodation by contacting the company ADA Coordinator at ADA_Accomodations@TechMahindra.com."