Position Name – Front End Design Systems Engineer

Type of hiring – Fulltime

Location – Remote Canada

:

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

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.

Preferred Qualifications

- Experience supporting healthcare, government, or regulated industries.
- Experience with enterprise scale digital experience platforms.
- Knowledge of micro frontends and up-to-date 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.

📌 Front End Design Systems Engineer ( React.js , TypeScript) (Canada)
🏢 Yochana
📍 Canada