Design Engineer: End-to-End AI Safety UI

White Circle; Los Angeles (CA); Vor Ort; USD 140.000 - 210.000; Vollzeit

Benefits dieser Stelle

Equity

Flexible time off

Health insurance

Mental health support

401(k)

Learning & development

Equipment & tools

Team off-sites

Zusammenfassung

White Circle is seeking a Design Engineer to translate complex AI safety workflows into simple interfaces used by engineering and research teams daily. You’ll move from Figma exploration to production-ready React code, owning design systems in both realms and ensuring pixel-perfect delivery.

You’ll collaborate with product, engineering, and research; bring motion, performance, and accessibility to life, and ship fast with full ownership of the UX from concept to code.

Qualifikationen

• 6+ years of experience in product design, frontend engineering, or design engineering with a portfolio of design and shipped code.
• Strong frontend skills: React, TypeScript, and modern CSS techniques.
• Experience building and maintaining design systems in code (tokens, components, APIs).
• Deep Figma knowledge: Auto Layout, Components, Variants, Prototyping.
• Experience with motion/animation in code (Framer Motion, CSS transitions).
• Track record designing clear, functional web interfaces for technical or data-heavy products.
• Solid accessibility knowledge (WCAG, keyboard navigation, ARIA) and responsive design.
• Comfort working in a real codebase: Git, code review, collaboration with engineers.
• Daily use of AI tools in workflow to produce production-quality results.

Aufgaben

• Design and build product interfaces end to end from Figma to production-ready React code.
• Own design system in Figma and code: tokens, components, variants, documentation; keep in sync.
• Build and polish UI components with attention to states, edge cases, accessibility, and performance.
• Prototype interactions and new flows in code to test ideas with real data.
• Create motion and micro-interactions that clarify complex workflows.
• Raise quality bar: spot UI inconsistencies, fix them, ship.
• Collaborate directly with product, engineering, and research; expect fast iterations and ownership.

Kenntnisse

React

TypeScript

CSS (Flexbox/Grid)

Figma

Design Systems

Framer Motion

Accessibility

Git

AI Tools

Tools

Storybook

Next.js

Vite

Tailwind CSS

Radix UI

Jobbeschreibung

White Circle is seeking a Design Engineer to translate complex AI safety workflows into simple interfaces used by engineering and research teams daily. You’ll move from Figma exploration to production-ready React code, owning design systems in both realms and ensuring pixel-perfect delivery.

You’ll collaborate with product, engineering, and research; bring motion, performance, and accessibility to life, and ship fast with full ownership of the UX from concept to code.