Mercury logo

Frontend Engineer - Design Systems

Mercury 🇨🇦 Canada

$140,800 - $158,400 Full-time

Build and improve reusable React and TypeScript components and patterns, collaborating with designers and product engineers to translate design intent into accessible, reliable interfaces. Evolve design tokens and workflows across Figma and code, improve documentation and adoption, and use AI tools to explore and validate implementation approaches.

Responsibilities

  • Build and improve reusable React and TypeScript components and patterns, collaborating with designers and product engineers to translate design intent into accessible, reliable interfaces. Evolve design tokens and workflows across Figma and code, improve documentation and adoption, and use AI tools to explore and validate implementation approaches.

Requirements

  • Candidates should have a foundation in React, TypeScript, HTML, and CSS, experience building interfaces, and an interest in visual craft, accessibility, and reusable systems. They should be fluent with AI coding tools, able to evaluate and verify generated code, and demonstrate ownership, curiosity, and collaborative problem-solving; design systems or prototyping experience is a plus.

Benefits

  • Stock Options
  • Restricted Stock Units

Key Skills

React TypeScript HTML CSS Design Systems Component Libraries Design Tokens Figma AI Coding Tools Code Evaluation Accessibility Cross‑functional Collaboration Agile Methodology Version Control Prototyping Design Documentation Problem Solving Curiosity Ownership

About Mercury

Mercury is the fintech ambitious companies use for banking* and all their financial workflows. With a powerful account at the center of their operations, companies can make better financial decisions and ensure that every dollar spent aligns with company priorities. That's why over 300K startups choose Mercury to confidently run all their financial operations with the precision, control, and focus they need to operate at their best. To learn more, visit Mercury.com. *Mercury is a fintech company, not an FDIC-insured bank. Banking services provided through Choice Financial Group and Column N.A., Members FDIC.

BEFORE YOU APPLY

Make sure your resume makes it through AI screening

Upload your resume

Never miss similar opportunities 🔔

Get notified when new design engineering jobs that match your preferences become available. Set up personalized job alerts to stay ahead of the competition.