← Back to results

Frontend Engineer - Design Systems

Join Mercury as a Frontend Engineer to enhance design systems and collaborate with teams to build accessible software.

Location
San Francisco, CA, United States
Compensation
$140.8k–$158.4k/yr
Level
junior
Type
full time · Hybrid

Posted by employer 14 hours ago

First seen on Joblaze 1 hour ago

Last verified on the company career page 1 hour ago

Skills & Technologies

What you'll build

  • Build shared components and patterns
  • Partner with designers and product engineers
  • Improve the quality of experiences
  • Make the design system easier to use
  • Use AI tools to explore approaches

Must have

  • Foundation in React, TypeScript, HTML, and CSS

Nice to have

  • Experience with design systems
  • Prototyping experience
  • Developer tooling experience

AI in the day-to-day

Use AI tools to explore approaches and move ideas into working code.

Not disclosed in this posting: years of experience, visa sponsorship.

Benefits

Equity/Stock Options

Joblaze summary

In this role, the Frontend Engineer will focus on developing and refining shared components and design patterns that enhance Mercury's user interfaces. Proficiency in React, TypeScript, HTML, and CSS is essential, along with a strong understanding of accessibility and user experience. This position is suitable for early-career to intermediate engineers who are eager to collaborate with designers and product teams while gaining hands-on experience in design systems. The team emphasizes a culture of learning and improvement, making it a fitting environment for those looking to grow their skills.

Joblaze insights

  • Listed today — first seen on Joblaze October 24, 2026. Last confirmed on Mercury's careers page October 24, 2026.
  • Salary band is below the typical range for Frontend roles (median ~$180,000).

Quick facts

Is the Frontend Engineer - Design Systems role remote?
It's hybrid — Mercury expects some on-site time in San Francisco, CA, United States.
What's the salary range?
Mercury lists $140,800–$158,400 for this role.
Where is the role based?
Mercury is hiring for this position in San Francisco, CA, United States.
What's the tech stack?
Joblaze extracted these technologies from the posting: CSS, HTML, React, TypeScript.
What seniority level is this role?
Mercury targets junior candidates for this position.
Is this full-time or contract?
Full-time for this Frontend Engineer - Design Systems role at Mercury.

From the original posting

Mercury'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 Mercury 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 Mercury'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 Mercury'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.

If this role interests you, we invite you to explore our public demo at demo.mercury.com.

#LI-MC1

Total Rewards
The total rewards package at Mercury includes base salary, equity (stock options/RSUs), and benefits.

US employees (any location):
$140,800—$158,400 USD
Canadian employees (any location):
$115,700—$149,700 CAD

Standard company text repeated across Mercury's postings is omitted here.

Similar positions

Mercury
Senior Design Manager - Core Experiences
Mercury · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Mercury
Senior Software Engineer - Frontend Developer Experience
Mercury · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Mercury
Senior Product Designer - Cards & Credit
Mercury · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Mercury
Head of Product - Interfaces
Mercury · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Mercury
Software Engineer - Product
Mercury · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States