Back to results

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

Report this job