Greenhouse ·
full-timeFrontend Engineer - Design Systems
Mercury · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Mercury is a fintech company providing financial services and banking infrastructure. As a Frontend Engineer on the Design Systems team, you will focus on building and maintaining the shared components, patterns, and design tokens that power the company's software interfaces. Your day-to-day responsibilities involve collaborating with product designers and engineers to translate design intent into robust, accessible code using React and TypeScript. You will be responsible for ensuring that these components are flexible, well-documented, and easy for other product teams to adopt. A core aspect of this role is the integration of AI coding tools into your workflow to explore solutions, generate code, and iterate on system improvements. This position is suited for early-career or intermediate engineers who possess a solid foundation in frontend technologies and a strong interest in visual craft, accessibility, and the architectural tradeoffs of reusable design systems. You will have the opportunity to own projects while receiving mentorship from experienced team members, making it an ideal environment for those looking to deepen their expertise in interface engineering and developer tooling.
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 . *Mercury is a fintech company, not an FDIC-insured bank. Banking services provided through Choice Financial Group and Column N.A., Members FDIC. Mercury values diversity & belonging and is proud to be an Equal Employment Opportunity employer. All individuals seeking employment at Mercury 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 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
| Role | Frontend Engineer - Design Systems |
|---|---|
| Company | Mercury |
| Location | San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States |
| Type | full-time |
| Compensation | Not disclosed |
| Posted | 2026-10-23 |
| Deadline | Rolling |
Typical process for this type of role
A general guide — the exact steps for this specific listing may vary; check the original posting for details.
- 1ApplicationSubmit your resume through the apply link.
- 2ScreeningRecruiter reviews your background against the role.
- 3AssessmentA technical test, assignment, or coding round, depending on the role.
- 4Interview(s)One or more rounds with the hiring team.
- 5OfferOffer letter with compensation and start date.
Before you apply
0/4Frontend Engineer - Design Systems at Mercury: frequently asked questions
- What is the salary for this role?
- Mercury has not stated compensation in the listing. Check the original posting or ask during the application process.
- Is the Frontend Engineer - Design Systems position remote, hybrid or onsite?
- The listing marks this role as remote, with San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States as the location.
- What is the application deadline?
- Mercury has not listed a fixed deadline, so apply early in case the opening is filled.
- How do I apply for the Frontend Engineer - Design Systems role?
- Use the Apply button on this page. It opens the original listing on job-boards.greenhouse.io, where you submit your application with the company.
More at Mercury
Other jobs at Mercury
- Recruiter - Technical · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
- Workplace Experience Specialist - NYC · New York, NY
- Senior Recruiter - GTM · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
- Sales Recruiter · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
- Business Continuity Management Lead · San Francisco, CA, New York, NY, Portland, OR, or Remote within Canada or United States
Explore Related Placements
// similar opportunities
You might also like
Frontend Design Engineer
Tokyodev
Frontend Design Engineer...
0-1 year experience eligible.
Frontend Engineer
Shiftbase B.V.
About Shiftbase We build workforce software that helps people get work done. More than 10,000 companies use our platform every month to plan shifts and track ti...
Frontend Engineer
Deepjudge
About us: Founded by former Google search engineers with PhDs in AI from ETH Zurich, DeepJudge helps legal teams unlock and apply the knowledge inside their org...
Systems Engineer
Exeon Analytics
80-100% | as soon as possible | Germany or Switzerland About Exeon Exeon is a Swiss cyber security company based in Zurich. Since 2016, we have been protecting ...
Systems Engineer
Refractal
About Refractal Refractal is an AI security company building the infrastructure organisations need to defend against autonomous AI threats. 2026 has shown that ...
Staff Engineer, Frontend
Primer.io
An Introduction to Primer Primer is the unified infrastructure for global payments. We give finance and payments teams the visibility and control to reduce comp...