Front End Design Systems Engineer ( React.js , TypeScript)

Canada
Remote
Posted Oct 17, 2026
1 position

Opens LinkedIn

Employment type: Full-time
Experience level: Senior · 5+ years
Posting language: English
Working hours: 40 hours per week
Seniority: Mid-Senior level
Application method: Direct apply is available

Job summary

Build, maintain, and govern an enterprise design system, including reusable UI components, patterns, frameworks, documentation, and contribution standards. Collaborate with UX, accessibility, and product teams to translate designs into accessible production components, support adoption across products, and measure system effectiveness.

Job details

Position Name – Front End Design Systems Engineer Type of hiring – Fulltime Location – Remote Canada Job Description: 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 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.

What you’ll do

Requirements

Requires at least five years of front-end engineering experience, including three or more years focused on design system development and governance, with experience building component libraries used across teams. Candidates should have expert React.js, TypeScript, JavaScript, HTML, and CSS skills, plus knowledge of accessibility standards, design tokens, component architecture, Storybook, and Figma collaboration.