Frontend Engineer - Design Systems

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.

Mercury

The fintech more than 450K ambitious companies trust with their finances.

M

mercury.com

1,001-5,000 employees

Financial Services

San Francisco, CA

2017

Privately Held

131k LinkedIn followers

Raised $657.1M

• 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.

• 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.
• 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

• Equity
• Stock Options
• RSUs
• Health Insurance