Frontend Engineer, Design Systems — React + AI Tools

Mercury; Portland (OR); On-site; USD 141,000 - 158,000; Full time

Job summary

Mercury is seeking a Frontend Engineer to evolve shared components and patterns behind our design system foundations. You will collaborate with designers and engineers to turn product needs into reusable, accessible frontend code using React and TypeScript.

The role welcomes early-career and intermediate engineers and offers meaningful ownership with mentorship. Design systems will be the initial focus, with opportunities to contribute to code-based prototyping and AI-assisted tooling, bringing

Qualifications

• Proficient in React, TypeScript, HTML and CSS with ability to explain design decisions.
• Strong focus on accessible interfaces and thoughtful interactions.
• Hands-on fluency with AI coding tools and evaluating generated code.

Responsibilities

• Build shared components in React/TS and create flexible patterns for use across experiences.
• Collaborate with designers and engineers to align design intent with working software.
• Improve quality of experiences, including accessibility and reliable behavior in implementations and tests.
• Document and refine patterns, examples, and workflows to help teams adopt the design system.

Skills

React

TypeScript

HTML/CSS

Accessibility

AI coding tools

Ownership

Reusable systems

Tools

Design systems tooling

Prototyping tools

Job description

Mercury is seeking a Frontend Engineer to evolve shared components and patterns behind our design system foundations. You will collaborate with designers and engineers to turn product needs into reusable, accessible frontend code using React and TypeScript.

The role welcomes early-career and intermediate engineers and offers meaningful ownership with mentorship. Design systems will be the initial focus, with opportunities to contribute to code-based prototyping and AI-assisted tooling, bringing