Frontend Developer - Design Systems

DeWinter Group; Foster City (CA); Híbrido; USD 120.000 - 160.000; Jornada completa

Descripción de la vacante

DeWinter Group is seeking a Frontend Developer to advance a design system for a suite of modern applications. You will translate detailed Figma designs into production-ready React components, emphasizing pixel-perfect interfaces, accessibility, and responsive behavior.

You will collaborate with designers and engineers, contribute to Storybook, and strengthen component testing and documentation. Experience with Three.js and AI-assisted tooling is valued.

Formación

• 4+ years of frontend development experience.
• Experience with component libraries or design systems.
• Deep expertise with JavaScript and React, including composition patterns, React hooks, and performance.
• Experience implementing highly detailed designs from Figma.
• Hands-on testing experience: Vitest, Testing Library, Playwright.
• CI pipelines knowledge and design tokens experience.
• AI coding tools experience and ability to critique outputs.

Responsabilidades

• Build and maintain reusable React components for a shared design system.
• Translate detailed Figma specifications into responsive implementations.
• Implement component states, transitions, animations, light/dark modes, and responsive behavior.
• Review designs and propose solutions to protect the design vision.
• Contribute to Storybook with stories, docs, and usability improvements.
• Write tests with Vitest and Testing Library.
• Develop end-to-end and visual regression tests with Playwright in CI workflows.
• Use AI coding tools to review and refine code.
• Develop prompts, linting, type constraints, and review workflows to align AI-generated code with standards.
• Ensure components use design tokens consistently; avoid hardcoded values.
• Implement CSS animations and WebGL experiences where appropriate.
• Collaborate daily with designers and engineers; participate in code reviews.
• Maintain high visual and technical quality across the design system.

Conocimientos

React

Design Systems

Figma to Code

Frontend Dev

Animations

CSS/Responsive

Testing

Playwright

Vitest

CI/CD

AI Tools

Storybook

Herramientas

Three.js

MUI

WebGL

Code generation tooling

Descripción del empleo

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.