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

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.

Correct or remove this listing

Similar jobs

  • Cohere

    • Vancouver (Remote), +6 more: San Francisco, Montreal, New York, Toronto, Canada, Ottawa
    • Full-time
    • CAD 180K - 250K/ year
    • Estonia (Remote), +15 more: Mexico, Poland, Colombia, South Africa, Slovakia, Peru, Bulgaria, Slovenia, Latvia, Czechia, Lithuania, Romania, Chile, Argentina, Hungary
    • Senior
    • Full-time
    • Barcelona (Hybrid)
    • Senior
    • Full-time
    • €50K - 80K/ year
  • Tacto

    • Munich (On‑site)
    • Full-time
    • Competitive