Frontend Developer – Design Systems
Overview
Build the foundation behind a suite of modern applications as a Frontend Developer – Design Systems . This role is ideal for a detail-oriented frontend engineer who cares deeply about how interfaces look, feel, and perform—from precise spacing and interaction states to motion, accessibility, responsive behavior, and pixel-perfect implementation.
You’ll build and maintain React components ranging from foundational primitives to complex composite patterns, translating detailed Figma designs into production-ready code. You’ll partner closely with designers and engineers, provide thoughtful technical feedback, strengthen component testing and documentation, and help establish the guardrails that make AI-assisted development reliable and scalable. Because the design system includes 3D experiences, experience with Three.js is highly valued.
What You’ll Do
- Build and maintain reusable React components for a shared design system.
- Translate detailed Figma specifications into accurate, responsive implementations.
- Implement component states, transitions, animations, light and dark modes, and responsive behavior.
- Review designs before implementation, identify potential issues, and recommend solutions that protect the design vision.
- Contribute to Storybook by writing stories, maintaining documentation, and improving usability for consuming engineers.
- Write component tests with Vitest and Testing Library.
- Develop end-to-end and visual regression coverage with Playwright as part of CI workflows.
- Use AI coding tools extensively while reviewing and refining every line of generated code.
- Help develop prompts, rules, linting, type constraints, and review workflows that keep AI-generated code aligned with engineering standards.
- Ensure components use design tokens consistently rather than hardcoded values.
- Implement CSS animations, transitions, keyframes, and WebGL experiences where appropriate.
- Collaborate daily with designers and engineers, participate in code reviews, and shepherd focused pull requests through completion.
- Maintain a high standard of visual and technical quality across the design system.
Required Skills and Qualifications
- At least 4 years of frontend development experience.
- Significant experience working on a component library or design system.
- Deep expertise with JavaScript and React, including:
- Composition patterns
- React hooks
- Component performance
- Reusable component API design
- Advanced CSS skills, including animations, transitions, responsive design, and interaction states.
- Strong ability to implement highly detailed designs from Figma.
- Experience reviewing design specifications, inspecting values, and identifying design intent.
- Hands-on experience with software testing, including:
- Vitest
- Testing Library
- Playwright
- End-to-end and visual regression testing
- Solid understanding of CI pipelines.
- Experience with design tokens and approaches that support a consistent source of truth across platforms.
- Extensive experience using AI coding tools, with the judgment to evaluate and correct their output.
- Strong attention to detail and a commitment to polished, pixel-accurate interfaces.
- Ability to communicate technical opinions clearly, collaborate effectively, and thoughtfully challenge designs or implementation approaches when appropriate.
- Experience partnering with designers and engineers throughout the development lifecycle.
Nice-to-Have Skills
- Experience with Three.js, React Three Fiber, or similar React/Three.js technologies.
- Working knowledge of MUI, including theming, overrides, and extensions.
- Experience creating custom tooling around AI agents, including MCP servers, Skills, custom linting, or code generation.
- Experience with WebGL.
- Experience with code generation.
- Exposure to iOS or Android design systems and development workflows.
- Experience building or maintaining AI-assisted development workflows.
Preferred Education and Experience
- A minimum of 4 years of professional frontend development experience is preferred.
- Experience delivering and supporting production-grade design systems or component libraries is strongly preferred.
- Formal educational requirements were not specified for this position.
Other Requirements
- Work arrangement: Hybrid, with onsite work required Monday through Wednesday in Foster City, California.
- Engagement: W2 only.
- Contract duration: 6 months.
- Start date: As soon as possible.
- The role requires close collaboration with design and engineering partners and a strong commitment to precise, high-quality implementation.
