ZipRecruiter

Log In

1

Design System Jobs in Quebec (NOW HIRING)

FLiiP

UI / Front-End Developer

Brossard, QC · On-site +1

Key Responsibilities Design System Implementation * Build and maintain a React component library using Storybook, based on our Figma designs. * Create reusable components following atomic design ...

Dialog Insight

Designer produit

Quebec, QC · On-site

Ton expertise en design de produit SaaS B2B et gestion d'un design system joueront un rôle crucial dans la position de notre plateforme en tant que solution leader sur le marché. Tes ...

Cadence Design Systems Inc.

Cadence Design Systems est a la recherche de candidats d'excellence pour joindre une equipe experimentee et dynamique d'ingenieurs en charge du developpement d'IP au service des standards de ...

Michelin

Design Participate in architectural design, system specifications, cost, and timeline estimation for the different implementations Participate in the recommendation of solutions and/or changes to ...

Michelin

IT System Specialist - SAP Basis

Magog, QC

Design * Participate in architectural design, system specifications, cost, and timeline estimation for the different implementations * Participate in the recommendation of solutions and/or changes to ...

Michelin

Design * Participate in architectural design, system specifications, cost, and timeline estimation for the different implementations * Participate in the recommendation of solutions and/or changes to ...

Cadence Design Systems Inc.

Cadence Design Systems is seeking PDK enablement engineering specialists to enable foundry PDKs and support the growing analog design and custom layout team building IP using the Cadence design tools ...

Autodesk

Experience Design Architect

Montreal, QC

Own system-level experience architecture, which spans platforms, helps drive system architecture ... Drive design cohesion, unification, and modernization across AEC initiatives * Exhibit ...

Acuity Brands, Inc.

Design Drafter

Montreal, QC · Hybrid

... system Minimum Requirements * College diploma (DEC) or bachelor's degree in industrial design required Experience with LED technology and lighting products preferred Proficiency in SolidWorks ...

Acuity Brands

Design Drafter

Montreal, QC · Hybrid

... system Minimum Requirements * College diploma (DEC) or bachelor's degree in industrial design required Experience with LED technology and lighting products preferred Proficiency in SolidWorks ...

next page

Showing results 1-20

People also search for

All JobsDesign System JobsDesign System Jobs in Quebec

Design System information

See Quebec salary details

$13

$43

$80

How much do design system jobs pay per hour?

As of May 31, 2026, the average hourly pay for design system in Quebec is $43.29, according to ZipRecruiter salary data. Most workers in this role earn between $29.33 and $57.69 per hour, depending on experience, location, and employer.

What is a Design System job?

A Design System job involves creating and maintaining a structured set of design guidelines, reusable components, and coding standards to ensure consistency across digital products. Professionals in this role collaborate with designers, developers, and product teams to build scalable UI frameworks that enhance efficiency and usability. Their responsibilities may include defining design tokens, documenting best practices, and ensuring seamless integration of the system into various projects.

What are the key skills and qualifications needed to thrive in the Design System position, and why are they important?

To thrive as a Design System Specialist, you should have a strong background in user interface (UI) and user experience (UX) design, knowledge of component-driven development, and experience with front-end technologies such as HTML, CSS, and JavaScript. Familiarity with design tools like Figma, Adobe XD, as well as version control systems and documentation platforms is highly valuable. Excellent communication, collaboration, and problem-solving skills are essential for working effectively with cross-functional teams and stakeholders. These abilities help ensure consistency, scalability, and usability across digital products, which are critical for a cohesive brand and efficient development workflows.

What are the typical daily responsibilities of someone working in a Design System role?

A professional in a Design System role typically spends their days creating and maintaining design components, documenting usage guidelines, and collaborating closely with designers and developers to ensure consistency across products. They may facilitate design critiques, conduct audits of existing interfaces, and advocate for best practices in design and code implementation. Regular communication with product, engineering, and accessibility teams is common to address evolving needs and ensure that the system remains scalable and effective. This collaborative and detail-oriented work is essential for supporting efficient product development and delivering a unified user experience.
More about Design System jobs
What are the most commonly searched types of Design System jobs in Quebec? The most popular types of Design System jobs in Quebec are:
What are popular job titles related to Design System jobs in Quebec? For Design System jobs in Quebec, the most frequently searched job titles are:
What job categories do people searching Design System jobs in Quebec look for? The top searched job categories for Design System jobs in Quebec are:
Design System jobs near you

UI / Front-End Developer

FLiiP

Brossard, QC • On-site, Remote

Full-time

Medical

Posted 29 days ago

Job description

About Us

We are FLiiP, a fast-growing SaaS startup transforming the management of fitness centers and multi-site operators. Our all-in-one platform helps gyms and studios centralize their operations, automate their communications, and maximize member retention.

Backed by over CAD $4M in seed funding and participants in the Google for Startups Accelerator, we are experiencing sustained growth across North America. With an AI-first vision and a culture of continuous experimentation, we are a team that truly builds.

The Role

As part of our platform modernization, we are recruiting a UI/Front-End Developer to build and implement our design system. This is a foundational role: you will be responsible for bridging the gap between design vision and technical implementation, working in close collaboration with our UI/UX designer.

The profile we are looking for is a hybrid one: someone who starts from design (Figma, UI), masters CSS, and goes all the way to integration in React.

Key Responsibilities

Design System Implementation

  • Build and maintain a React component library using Storybook, based on our Figma designs.
  • Create reusable components following atomic design principles.
  • Establish design tokens, usage patterns, and associated documentation.

Integration & CSS

  • Deliver pixel-perfect, responsive, cross-browser compatible interfaces (web and React Native mobile).
  • Write clean and maintainable CSS, taking into account our existing codebase constraints.

Legacy Code Modernization

  • Progressively refactor HTML/CSS/jQuery/JavaScript code toward modern standards.
  • Maintain backward compatibility while improving code quality and consistency.

Collaboration & Tools

  • Work closely with our designer to validate the technical feasibility of designs.
  • Use AI tools (Copilot, Cursor, etc.) to accelerate repetitive tasks.

Requirements

Required Skills

  • 5+ years of experience in front-end development.
  • Advanced CSS skills: responsive, flexbox, grid, animations, cross-browser compatibility.
  • Solid experience with vanilla JavaScript and jQuery (reading and modifying existing code).
  • Good command of React: functional components, state management, lifecycle.
  • Experience with Figma and translating designs into code.
  • Comfortable in a startup environment, with legacy code and evolving priorities.
  • Good communication skills in French and/or English.

Nice to Have

  • Experience with Storybook or equivalent.
  • Familiarity with design systems and atomic design methodology.
  • Knowledge of CSS-in-JS solutions (styled-components, emotion).
  • Use of AI tools in the development workflow.
  • Bilingual French/English.
  • Ability to present your design work to multiple stakeholders.

Benefits

  • Competitive compensation based on profile and experience.
  • 50% coverage of group health insurance premiums.
  • Health and wellness support: gym allowance, fitness classes, team sports, and $900/year in telecommunications allowance.
  • A 100% remote position in Canada, with only 1 day/month required at our Brossard office.
  • The opportunity to directly contribute to the growth of an AI-driven company in a large and underserved market.
  • Close collaboration with our leadership team in a culture built on fitness, innovation, and speed.

We are looking for someone who loves clean code as much as the interface it produces, and who wants to leave a lasting mark on a fast-growing product.

Apply