Design System Engineer

The Company

Merchant Growth is Canada's leading fintech for small business financing and one of the country's most recognized growth stories, celebrated by The Globe and Mail's Top Growing Companies and BC Finalist for Deloitte's Best Managed Companies. We're on a mission to fuel the ambitions of Canadian business owners with the most convenient, accessible, and trusted financing experience in the market. Powered by a rapidly advancing tech platform and a team that loves to build. What we're building genuinely moves the needle for business owners across Canada.

As a Design System Engineer, you'll play a key role in shaping the products and systems that drive that impact. You'll join a high-performing, creative, and collaborative group known for scaling teams with intention, solving meaningful challenges, and creating space for talented people to do their best work. If you're energized by growth, excited by tough and rewarding challenges, and looking for a place where your contributions matter, this is the opportunity that makes careers.

The Role

We are seeking a talented Design System Engineer to own and evolve our company-wide design system. This individual will ensure a cohesive, scalable, and accessible experience across Merchant Growth's digital products and they will collaborate closely with product and development teams to define, build, and maintain reusable UI components, design tokens, and system documentation that reinforce our brand and design language.

Main Functions

• Build, maintain, and document a library of reusable UI components using React (TypeScript) and Material UI.
• Create and refine wireframes, prototypes, and design concepts in Figma, then translate them into polished, pixel-perfect UI components. Create and maintain a consistent design system with reusable and accessible components that meet WCAG accessibility standards.
• Establish, manage, and evolve design tokens, theming structures, and other system foundations that ensure brand consistency across multiple products.
• Collaborate closely with product managers and developers to refine user flows and align UI with business and user needs.
• Develop clear, comprehensive documentation, including usage guidelines, component specifications, accessibility notes, and example implementations to support consistent adoption across teams.
• Maintain cross-browser and cross-device compatibility within the component library to ensure high-quality, consistent user experiences.
• Contribute to internal tooling, automation, and CI/CD processes that improve the scalability, reliability, and testing of design system assets.
• Participate in Agile ceremonies such as sprint planning, daily stand-ups, and design reviews, providing design system expertise.
• Stay current with design system methodologies, React/Material UI best practices , accessibility standards, and design tooling trends to ensure the system remains modern, efficient, and forward-looking.

About You

• 5+ years of experience as a Design System Engineer, Frontend Engineer, UI Engineer, or a similar role with substantial involvement in component library or design system development.
• Strong expertise in React (TypeScript), component-driven architecture, and UI frameworks (Material UI or similar).

• Proficiency with Figma with the ability to interpret design specifications and translate them into maintainable, scalable components.

• Strong understanding of accessibility (WCAG compliance), responsive design, and usability best practices.

• Experience creating and maintaining design systems, including establishing and evolving design tokens, component standards, and documentation practices.

• Familiarity with state management basics (e.g., React Context, lightweight Redux/Recoil usage) to support UI component needs.
• Knowledge of cross-browser/device testing and performance optimization for smooth user experiences.
• Excellent collaboration and communication skills with the ability to work closely with designers, developers, and product managers in Agile teams.
• Ability to work independently, take ownership of system architecture and component quality, and iterate quickly based on feedback.
• Enthusiasm for design system best practices, frontend performance optimization, accessible design, and emerging UI technologies.

Other assets:

• Familiarity with React Native design patterns for mobile-first experiences.
• Understanding of design tokens and modern theming approaches for consistent brand implementation.
• Experience with motion design and creating engaging micro-interactions to improve product usability and delight.
• Awareness of backend concepts (.NET, APIs) to better understand system constraints, though not a core requirement of the role.

What we offer:

• Remote work
• Competitive Salary
• Comprehensive Group Health Benefits
  
  (Life, AD&D, Extended Health, Vision & Dental and Travel Insurance)
• Company-wide Lunch and Learns
• Monthly Team Events
• A Collaborative Team Environment