Frontend Developer - Design Systems

DeWinter BH ·www.dewintergroup.com

Location Foster City, CA, United States
Salary USD 70 - 80 / hour
Type Full time
Level Mid
Source Shazamme
Information Technology Accepting Candidates
Apply direct

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.

Frequently asked questions

Who is hiring for the Frontend Developer - Design Systems role?
DeWinter BH is hiring for the Frontend Developer - Design Systems position, a Shazamme client. Apply directly on the employer's career site.
Where is the Frontend Developer - Design Systems job located?
The Frontend Developer - Design Systems role with DeWinter BH is based in Foster City, CA, US.
What does the Frontend Developer - Design Systems role pay?
DeWinter BH lists the Frontend Developer - Design Systems role at USD 70–80 per hour.
Is the Frontend Developer - Design Systems role full-time or contract?
This is a full time position at DeWinter BH.
What experience level is the Frontend Developer - Design Systems role?
The Frontend Developer - Design Systems position is aimed at mid-level candidates.
How do I apply for the Frontend Developer - Design Systems role at DeWinter BH?
Apply directly on DeWinter BH's career page via the Apply button on this listing. ZammeJobs links straight through to the employer's ATS — no third-party form, no resume database.
Apply direct