Frontend Engineer - Design Systems

Mercury•San Francisco, NY

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 help teams across Mercury turn product ideas into well-crafted software. The role involves close collaboration with designers and engineers to understand product needs, explore solutions, and deliver improvements to the teams using the system. This role is open to early-career and intermediate engineers, with meaningful project ownership and guidance suited to the individual’s experience. Design systems are the initial focus within the team’s 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 part of the team’s approach from the start.

Requirements

A foundation in React, TypeScript, HTML, and CSS, with experience building interfaces and the ability to explain code decisions.
Care for visual craft and how people use software, including interest in accessible interfaces and well-considered interaction details.
Hands-on fluency with AI coding tools, including providing useful context, evaluating and improving generated code, and verifying that it works as intended.
Ownership and willingness to learn, including following work through, communicating when help is needed, and using feedback to improve.
Curiosity about reusable systems and the tradeoffs involved in serving different product needs with shared components.
Interest in solving problems alongside designers and engineers, contributing ideas, and understanding the needs behind requests.
Relevant experience may come from professional work, internships, coursework, open source, or personal projects.

Nice To Haves

Experience with design systems, prototyping, or developer tooling.

Responsibilities

Build shared components and patterns in React and TypeScript that meet recurring product needs and work across different experiences.
Partner with designers and product engineers to connect design intent with working software.
Evolve components and tokens across Figma and code, using feedback from product work to improve the system.
Improve the quality of experiences built with shared components by considering accessibility, 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, test, and improve generated results, and share useful approaches with the team.