Frontend Engineer - Design Systems
About The Position
Mercury's Design Systems team helps product teams build consistent, accessible, and carefully considered interfaces. The Frontend Engineer will evolve shared components and patterns that enable teams across Mercury to turn product ideas into well-crafted software. The role is open to early-career and intermediate engineers, with meaningful project ownership and guidance from experienced teammates. The initial focus is design systems within the broader Design Foundations work. Depending on opportunities and interests, the engineer may also contribute to code-based prototyping and tools that help designers and AI agents work with Mercury's components. AI fluency is an integral part of the team's approach. The role involves collaborating with designers and engineers, building with React and TypeScript, improving components and tokens across Figma and code, and making the design system accessible and easier to adopt. The engineer will also use AI coding tools, assess and test generated code, and share effective approaches with the team.
Requirements
- A foundation in React, TypeScript, HTML, and CSS.
- Experience building interfaces and the ability to explain the decisions behind the code.
- Care for visual craft and how people use software, including interest in accessible interfaces and well-considered interactions.
- Hands-on fluency with AI coding tools, including providing context, evaluating and improving generated code, and verifying that it works as intended.
- Ownership, willingness to learn, follow-through, clear communication when help is needed, and openness to feedback.
- Curiosity about reusable systems and the tradeoffs involved in serving different product needs with shared components.
- Interest in solving problems with designers and engineers, contributing ideas, and understanding the needs behind a request.
Nice To Haves
- Experience with design systems, prototyping, or developer tooling.
Responsibilities
- Build reusable React and TypeScript components and patterns based on recurring product needs.
- Partner with designers and product engineers to translate design intent into working software.
- Evolve components and tokens across Figma and code, using feedback from product work to improve the system.
- Improve the quality of component-based experiences through accessibility, thoughtful interactions, reliable behavior, implementation, and testing.
- Help teams adopt shared patterns by improving examples, documentation, and workflows.
- Use AI tools to explore approaches and develop working code; evaluate generated code, test it in context, and share useful approaches with the team.
Benefits
- Equity in the form of stock options or RSUs
- Benefits are included in Mercury's total rewards package; specific benefits are not listed.
Stand Out From the Crowd
Upload your resume and get instant feedback on how well it matches this job.
What This Job Offers
Job Type
Full-time
Career Level
Entry Level
Education Level
No Education Listed
