Frontend Engineer - Design Systems

Mercury

United States

Remote

USD 141,000 - 158,000

Full time

3 days ago
Be an early applicant

Get a reply from this employer

Your resume and cover letter, tailored to exactly what they’re hiring for.

Get past ATS filters

Job summary

Mercury is hiring a Frontend Engineer to evolve shared components and patterns behind our fintech interfaces. You’ll work with designers and engineers to turn ideas into well-crafted software, focusing on design systems, tokens, and accessibility.

The role welcomes early-career and intermediate engineers and offers meaningful ownership with guidance from senior teammates. You’ll contribute to code-based prototyping and tools that help designers and AI agents work with our components, with strong

Qualifications

  • Experience building interfaces with React, TypeScript, HTML and CSS.
  • Ability to explain design decisions behind code and UI choices.
  • Interest in accessible interfaces and detail-oriented interactions.
  • Hands-on fluency with AI coding tools to review and improve generated code.
  • Ownership mindset and willingness to learn from feedback.

Responsibilities

  • Build shared components and patterns in React/TypeScript used across products.
  • Collaborate with designers and engineers to align design intent with implementation.
  • Improve accessibility and interactions in the user interfaces.
  • Document and improve patterns, tokens, and examples for teams to reuse.
  • Leverage AI tools to prototype and evolve code with context.

Skills

React
TypeScript
HTML/CSS
AI tooling

Tools

Figma

Job description

the company's Design Systems team helps product teams build interfaces that feel consistent, accessible, and carefully considered. We're hiring a Frontend Engineer to help evolve the shared components and patterns behind those experiences, making it easier for teams across the company to turn good ideas into well-crafted software.

You'll work closely with designers and engineers to understand product needs, explore solutions, and carry improvements into the hands of the teams using them. This role is open to early-career and intermediate engineers. You'll build depth in frontend engineering and design systems through meaningful project ownership, with guidance from experienced teammates suited to your experience.

Design systems will be your initial focus within the team's broader Design Foundations work. As opportunities and interests align, you can also contribute to code-based prototyping and tools that help designers and AI agents work with the company's components. Strong AI fluency is part of how we build from the start.

As part of this role, you will:
  • Build shared components and patterns that make the company's interfaces better. You'll work in React and TypeScript, turning recurring product needs into flexible solutions that teams can use across different experiences.
  • Partner with designers and product engineers to connect design intent with working software. Help evolve components and tokens across Figma and code, using feedback from real product work to improve the system.
  • Improve the quality of the experiences built with our components. Consider how they look and behave for different users, bringing accessibility, thoughtful interactions, and reliable behavior into implementation and testing.
  • Make the design system easier to use. Help teams adopt shared patterns and improve the examples, documentation, and workflows that let people build confidently with them.
  • Use AI tools to explore approaches and move ideas into working code. Apply your judgment to what agents produce, test the results in context, and contribute useful approaches back to the team.
What you'll bring:

We're interested in what you've built and how you think. Your experience may come from professional work, internships, coursework, open source, or personal projects.

  • A foundation in React, TypeScript, HTML, and CSS, with experience building interfaces and the ability to explain the decisions behind your code.
  • Care for visual craft and how people use software, including an interest in accessible interfaces and the details that make interactions feel right.
  • Hands-on fluency with AI coding tools. You can provide useful context, evaluate and improve generated code, and verify that it works as intended.
  • Ownership and a willingness to learn: you follow work through, communicate when you need help, and use feedback to improve your approach.
  • Curiosity about reusable systems and the tradeoffs involved in serving different product needs with shared components.
  • An interest in solving problems alongside designers and engineers, contributing ideas, and understanding the needs behind a request.
  • Experience with design systems, prototyping, or developer tooling is a plus. You don't need to have held a design systems role to bring useful skills and ideas to this team.

**the company is a fintech company, not an FDIC-insured bank. Banking services provided through Choice Financial Group and Column N.A., Members FDIC.*

the company values diversity & belonging and is proud to be an Equal Employment Opportunity employer. All individuals seeking employment at the company are considered without regard to race, color, religion, national origin, age, sex, marital status, ancestry, physical or mental disability, veteran status, gender identity, sexual orientation, or any other legally protected characteristic. We are committed to providing reasonable accommodations throughout the recruitment process for applicants with disabilities or special needs. If you need assistance, or an accommodation, please let your recruiter know once you are contacted about a role.

#LI-MC1

Total Rewards

The total rewards package at the company includes base salary, equity (stock options/RSUs), and benefits.

Our salary and equity ranges are highly competitive within the SaaS and fintech industry and are updated regularly using the most reliable compensation survey data for our industry. New hire offers are made based on a candidate’s experience, expertise, geographic location, and internal pay equity relative to peers.

Our target new hire base salary ranges for this role are the following:

US employees (any location):

$140,800—$158,400 USD

Canadian employees (any location):

$115,700—$149,700 CAD

Get your free, confidential resume review.

or drag and drop your file here.

Similar jobs

Similar jobs worth comparing

Frontend Engineer - Design Systems
Frontend Engineer - Design Systems

Mercury • Portland (OR)

On-site
USD 141,000 - 158,000
Senior Design Engineer
Senior Design Engineer

Front • United States

Hybrid
USD 150,000 - 190,000
Competitive salary
Equity
Private health insurance
+8
Frontend Engineer - Design Systems
Frontend Engineer - Design Systems

Teli Labs • Portland (OR)

Remote
USD 141,000 - 158,000
Frontend Engineer - Design Systems New San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Frontend Engineer - Design Systems New San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States

the design tools • San Francisco (CA), New York (NY), Portland (OR)

Hybrid
USD 141,000 - 158,000
Equity (stock options/RSUs)
Benefits
Senior Software Engineer - Design
Senior Software Engineer - Design

Advatix • United States

Hybrid
USD 150,000 - 350,000
Senior Product Designer
Senior Product Designer

Robinhood • Town of Niskayuna (NY)

On-site
USD 166,000 - 195,000
Front End Architect
Front End Architect

RLink Solutions • San Francisco (CA)

On-site
USD 120,000 - 160,000
Founding Design Engineer
Founding Design Engineer

Clera • San Francisco (CA)

On-site
USD 180,000 - 220,000
Founding team equity
Frontend Engineer, Design Systems
Frontend Engineer, Design Systems

Bazeta • United States

Remote
USD 90,000 - 150,000
Frontend Developer (Remote)
Frontend Developer (Remote)

7Seventy Recruiting • United States

On-site
USD 135,000 - 150,000
Health coverage
Wellness stipend
Home office stipend
+1