Front-End Developer

We are looking for a Front-End Developer to join our Design System team. You will build and maintain a library of reusable web components that power operator-facing displays on heavy machinery. Working alongside a senior team lead and our UX design partners, you will turn design specifications into accessible, well-tested, and well-documented components used across multiple product teams.

This is a hands-on role for a developer who enjoys craftsmanship: clean component APIs, pixel-faithful implementation, thoughtful documentation, and a strong testing culture.

Advantages
Real-World Impact: Work on software that heavy machinery operators rely on every day in the field.

Mature Engineering Environment: Build on a mature, well-structured component library with clear conventions and strong mentorship from a senior lead.

Design Leadership: Shape the visual and interaction language used across an entire product family.

Responsibilities
• Build and maintain reusable web components using Lit and TypeScript
• Translate Figma designs into production-ready components, including gauges, indicators, controls, and data visualizations
• Implement styling with CSS custom properties and design tokens, ensuring consistency across the library
• Write interactive Storybook stories and documentation for every component you ship
• Write unit, integration, and visual regression tests in a browser-based testing environment
• Participate in code reviews and follow established conventions for naming, versioning, and changelogs
• Collaborate with UX designers to keep design and code in sync
• Support consuming teams by answering questions, triaging issues, and improving component ergonomics

Qualifications
Required Qualifications
2 to 5 years of professional front-end development experience
Strong proficiency in TypeScript and modern JavaScript (ES modules, asynchronous patterns)
Hands-on experience with native Web Components (Custom Elements, Shadow DOM, slots); experience with Lit is strongly preferred
Solid grasp of core CSS fundamentals: custom properties, Flexbox/Grid, relative units, transitions, and animations
Practical knowledge of web accessibility (ARIA, keyboard navigation, focus management)
Experience writing automated front-end tests (unit or browser-based) Proficiency with Git workflows based on pull requests and code reviews
Strong attention to detail and a commitment to documenting your work

Desired Qualifications

Experience contributing to or maintaining a design system or component library Familiarity with Storybook (stories, controls, MDX documentation)
Experience inspecting Figma mockups; familiarity with Figma Code Connect or design tokens is an asset
Experience with SVG, Canvas, or CSS animations and data visualizations Basic knowledge of Three.js or WebGL
Experience with Playwright, Vitest, or Web Test Runner
Familiarity with monorepo tooling (Lerna, npm workspaces) and Semantic Versioning
Understanding of how React, Vue, or Angular applications consume Web Components
Interest in Human-Machine Interface (HMI) UX and embedded displays (touch-first interaction, high-glare environments, resource-constrained hardware)

Summary
Our Client is seeking a Front-End Developer with 2–5 years of professional experience to join their Design System team. This role is focused on building and maintaining a library of reusable web components that power operator-facing displays on heavy machinery. Working closely with UX designers and a senior team lead, you will deliver accessible, well-tested, and well-documented components utilized across multiple product teams.

Our Client operates across Canada, and globally/internationally in the United States and other countries. This company takes all reasonable means to limit the number of positions in Quebec that require knowledge of a language other than French, and only requires this where it is necessary and its existing bilingual employees are unable to fulfil these job duties.

Based on an assessment conducted by our client, it has been determined that this position requires candidates to be fluent in English (oral and written). In particular, this position will require the employee to:
work on client projects, products or deliverables that are required to be delivered to clients in English

Randstad Canada is committed to fostering a workforce reflective of all peoples of Canada. As a result, we are committed to developing and implementing strategies to increase the equity, diversity and inclusion within the workplace by examining our internal policies, practices, and systems throughout the entire lifecycle of our workforce, including its recruitment, retention and advancement for all employees. In addition to our deep commitment to respecting human rights, we are dedicated to positive actions to affect change to ensure everyone has full participation in the workforce free from any barriers, systemic or otherwise, especially equity-seeking groups who are usually underrepresented in Canada's workforce, including those who identify as women or non-binary/gender non-conforming; Indigenous or Aboriginal Peoples; persons with disabilities (visible or invisible) and; members of visible minorities, racialized groups and the LGBTQ2+ community.

Randstad Canada is committed to creating and maintaining an inclusive and accessible workplace for all its candidates and employees by supporting their accessibility and accommodation needs throughout the employment lifecycle. We ask that all job applications please identify any accommodation requirements by sending an email to [email protected] to ensure their ability to fully participate in the interview process.