Front End Design Systems Engineer
- Canada
Full-time
Applications open in a new tab.
Job details
- Job type
- Full-time
- Posting language
- English
- Posted
Original job description
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.
More about this job
Responsibilities
Build, maintain, and govern a scalable enterprise design system, including reusable components, patterns, templates, documentation, and implementation standards. Collaborate with design and product teams to translate Figma designs into accessible production-ready components, support adoption, and measure system effectiveness.
Requirements
Requires 5+ years of front-end engineering experience, including 3+ years focused on design system development and governance, with demonstrated experience maintaining component libraries used across multiple applications and teams. Candidates should have strong React, TypeScript, JavaScript, HTML, CSS/SCSS, accessibility, component architecture, and design collaboration experience.
Skills
- Design Systems
- React.js
- TypeScript
- JavaScript
- HTML5
- CSS3
- SCSS
- Reusable Component Libraries
- Storybook
- Design Tokens
- Figma
- Component Architecture
- Accessibility
- WCAG 2.1
- Responsive Design
- Atomic Design
Visa sponsorship
Not detected in the job text
Categories
- Software
- Technology
- Engineering
- Art & Design
Keywords
- Design Systems
- React.js
- TypeScript
- JavaScript ES6+
- HTML5
- CSS3
- SCSS
- Storybook
- Figma
- Design Tokens
- Reusable Components
- Component Libraries
- Component Architecture
- Atomic Design
- Responsive Design
- Interaction Design
- WCAG 2.1 AA
- ADA Compliance
- Semantic HTML
- Accessibility
- Google Material Design
- Microsoft Fluent UI
- Adobe Spectrum
- Salesforce Lightning
- IBM Carbon
- Atlassian Design System
- GOV.UK Design System
- Micro Frontends
- CI/CD
- Next.js