Merchant Growth Logo

Merchant Growth

Design System Engineer (Remote)

Reposted 9 Hours Ago
Be an Early Applicant
In-Office or Remote
Hiring Remotely in Vancouver, BC
Senior level
In-Office or Remote
Hiring Remotely in Vancouver, BC
Senior level
The Design System Engineer will develop and maintain a company-wide design system, ensuring accessibility and consistency in UI components through collaboration with product and dev teams.
The summary above was generated by AI

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

We thank all applicants for their interest; however, only selected candidates for further consideration will be contacted.

Top Skills

Figma
Material Ui
React
Typescript
Wcag
HQ

Merchant Growth Vancouver, British Columbia, CAN Office

200 - 171 Water St, Vancouver, British Columbia, Canada, V6B 1A7

Similar Jobs

9 Hours Ago
Remote
2 Locations
Mid level
Mid level
Fintech • Financial Services
The Applied AI Engineer will develop AI-powered solutions, architect backend systems, integrate AI services, and collaborate with cross-functional teams to enhance business capabilities.
Top Skills: Ai ApisAWSAws BedrockClaudeGoHugging FaceLangchainOpenaiPythonRubySnowflake
9 Hours Ago
Easy Apply
Remote or Hybrid
5 Locations
Easy Apply
Expert/Leader
Expert/Leader
Big Data • Cloud • Software • Database
Develop data replication solutions, handle customer escalations, write and test code, and lead cross-team projects within MongoDB's Replication Team.
Top Skills: C++JavaScriptPython
Yesterday
Easy Apply
Remote
3 Locations
Easy Apply
Mid level
Mid level
Artificial Intelligence • Enterprise Web • Software • Design • Generative AI
As a Business Value Consultant, you'll lead strategic value engagements, build ROI models, and collaborate across teams to enhance value-based selling strategies.
Top Skills: AIAutomationBusiness Analytics

What you need to know about the Vancouver Tech Scene

Raincouver, Vancity, The Big Smoke — Vancouver is known by many names, and in recent years, it has gained a reputation as a growing hub for both tech and sustainability. Renowned for its natural beauty, the city has become a magnet for professionals eager to create environmental solutions, and with an emphasis on clean technology, renewable energy and environmental innovation, it's attracted companies across various industries, all working toward a shared goal: advancing clean technology.

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account