Front-End Developer (Design Systems)

Quick Facts

• Role: Front-end developer for a shared component library / design system
• Focus: UI craft, pixel-precise implementation, React components, and 3D (Three.js)
• Additional focus: heavy use of AI coding tools with human review and guardrails

Description

Build and maintain the component library that every application depends on, including components involving 3D objects. Implement detailed design specs from Figma with precision across states, transitions, responsive behavior, and light/dark modes, and push back when designs or specs won’t hold up. You’ll use AI heavily, but you are expected to review every line generated and help build guardrails that keep AI output consistent with style and conventions at scale.

Responsibilities

• Build and maintain React components, from primitives to complex composite components
• Implement designs to spec from Figma (precision, states, transitions, responsive behavior, light and dark modes)
• Contribute to Storybook by writing and maintaining stories and keeping documentation current
• Write component tests with Vitest and Testing Library; deliver end-to-end and visual regression coverage with Playwright running in CI
• Implement motion and animation, CSS transitions and keyframes, and WebGL where needed
• Build the AI harness (prompts, rules, linting, type constraints, and review workflow)
• Partner daily with designers and other engineers; review specs early, flag problems, and review pull requests

Requirements

• 4+ years of front-end development experience, including significant time working on a component library or design system
• Deep React expertise (composition patterns, hooks, performance, and component API design)
• Strong UI craft sensibility focused on interaction states and motion details
• Three.js experience (highly desired)
• Proven ability to implement detailed design specifications and work comfortably with Figma
• Ability to form an opinion, defend it clearly, and commit to team decisions
• Strong CSS including animation and transitions
• Testing experience with Vitest and Testing Library; Playwright experience for end-to-end and snapshot/visual regression testing; solid CI knowledge
• Familiarity with design tokens and structuring them as a single source of truth for Web, iOS, and Android
• Extensive hands-on experience with AI coding tools and strong judgment reviewing generated output before it’s shared
• Demonstrated collaboration with designers and other engineers

Benefits

• Medical/dental/vision insurance
• HSA and FSA
• 401(k)
• Life, disability & ADD insurance (eligible employees)
• Paid time off for salaried personnel
• Paid sick leave for eligible hourly employees on a Service Contract Act project