Frontend Engineer, Design Systems

About the Role

Mercury's Design Systems team is dedicated to helping product teams build consistent, accessible, and well-considered interfaces. We are seeking a Frontend Engineer to contribute to the evolution of the shared components and patterns that underpin these experiences. This role will empower teams across Mercury to translate innovative ideas into high-quality software. You will collaborate closely with designers and engineers to understand product requirements, devise solutions, and deliver improvements to the teams utilizing them. This position is open to both early-career and intermediate engineers, offering opportunities for growth in frontend engineering and design systems through meaningful project ownership with guidance from experienced colleagues. The primary focus will be on design systems within the broader Design Foundations initiatives. As opportunities and interests align, you may also contribute to code-based prototyping and tools designed to assist designers and AI agents in working with Mercury's components. A strong AI fluency is integral to our development process.

Key Responsibilities

• Build shared components and patterns to enhance Mercury's interfaces, utilizing React and TypeScript. Translate recurring product needs into flexible solutions for use across various experiences.
• Partner with designers and product engineers to align design intent with functional software. Evolve components and tokens in Figma and code, incorporating feedback from live product work to refine the system.
• Improve the quality of experiences developed with our components by considering visual presentation and behavior for diverse users. Integrate accessibility, thoughtful interactions, and reliable functionality into implementation and testing.
• Enhance the usability of the design system by assisting teams in adopting shared patterns and improving examples, documentation, and workflows for confident development.
• Leverage AI tools to explore development approaches and translate ideas into functional code. Apply critical judgment to AI-generated output, test results in context, and contribute effective approaches back to the team.

Requirements & Tech Stack

• Foundation in React, TypeScript, HTML, and CSS.
• Experience building user interfaces and the ability to articulate design decisions.
• Demonstrated care for visual design and user experience, with an interest in accessible interfaces and detailed interactions.
• Hands-on fluency with AI coding tools, including providing context, evaluating and refining generated code, and verifying its intended functionality.
• Ownership and a proactive approach to learning, completing tasks, communicating needs, and incorporating feedback.
• Curiosity about reusable systems and the complexities of balancing diverse product requirements with shared components.
• Interest in collaborative problem-solving with designers and engineers, contributing ideas, and understanding underlying needs.
• Experience with design systems, prototyping, or developer tooling is a plus.

Qualifications

• Your experience can originate from professional work, internships, coursework, open source contributions, or personal projects.
• You do not need prior experience in a dedicated design systems role to contribute valuable skills and insights.