White Circle · AI infrastructure
Design Engineer
- San Francisco, +2 more: New York, Laos
- Full-time
- Competitive
AI roleAI-NativeUses AI tools
Still open on White Circle's site · checked 2 hours ago
- Experience
- 6+ years
- Posted
Design Engineer
White Circle
What you'll do
As written by White Circle · Read the original
What you’ll do
Design and build product interfaces end to end, from Figma exploration to production-ready React code
Own our design system in both Figma and code: tokens, components, variants, documentation. Keep the two 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 before we commit to them
Craft motion and micro-interactions that make complex workflows feel clear and responsive
Raise the quality bar of the product: spot UI inconsistencies, fix them yourself, ship
Work directly with product, engineering, and research. Expect fast iterations and full ownership
Requirements
What we’re looking for
6+ years of experience in product design, frontend engineering, or design engineering, with a portfolio showing both design and shipped code
Strong frontend skills: React, TypeScript, modern CSS (Flexbox, Grid, custom properties, container queries)
Experience building and maintaining design systems in code, e.g. design tokens, component APIs, Storybook or similar
Deep Figma knowledge: Auto Layout, Components, Variants, Variables, Prototyping
Experience with motion and animation in code (Framer Motion / Motion, CSS transitions, or similar)
A track record of designing clear, functional web interfaces, ideally for technical or data-heavy products (dashboards, developer tools, B2B SaaS)
Solid grasp of accessibility (WCAG, keyboard navigation, ARIA) and responsive design
Comfort working in a real codebase: Git, code review, working alongside engineers
You use AI tools daily in your workflow (Cursor, Claude Code, v0, or similar) and know how to get production-quality results out of them
Bonus points
Experience with Tailwind CSS, Radix UI / shadcn/ui, or other headless component libraries
Next.js or Vite experience
Data visualization (D3, Recharts, visx)
Figma plugin or Figma-to-code pipeline experience (Tokens Studio, Style Dictionary, Code Connect)
Interest in AI safety, LLMs, or developer tooling
Skills
Stack
- TypeScript
- React
- Next.js
- Hugging Face Transformers
Working languages
English
Salary & benefits
Compensation & benefits
Competitive compensation package, including equity
Flexible time off
Health insurance
Mental health support, including coverage for therapy when you need it
401(k) retirement plan
Learning and development support for courses, conferences, and opportunities to grow your skills
All the hardware, subscriptions, tools, and services you need
Team off-sites twice a year: we’ve recently been to the Alps, Saint-Tropez, and Marbella
Company
Last checked . The details above were extracted automatically; the employer's original posting is the authority.