White Circle Logo

White Circle

Design Engineer

Posted 12 Days Ago
In-Office or Remote
Hiring Remotely in San Francisco, CA, USA
Senior level
In-Office or Remote
Hiring Remotely in San Francisco, CA, USA
Senior level
Design and build AI safety product interfaces from Figma concepts through production React code. Own the design system across Figma and code, including tokens, components, variants, documentation, accessibility, responsiveness, performance, and motion. Collaborate closely with product, engineering, and research teams, prototype with real data, identify inconsistencies, and ship polished user experiences for technical workflows.
The summary above was generated by AI

TL;DR: We’re looking for a Design Engineer to turn complex AI safety workflows into simple, intuitive interfaces used by engineering and research teams every day. You’ll work across design and code: shape flows in Figma, then build them in production with React, TypeScript and our component library. You’ll own the gap between "designed" and "shipped" so that what users get is exactly what was intended, down to the last pixel and transition.

About White Circle

White Circle is an AI Safety company building the safety, reliability, and optimization layer for AI systems. At the core of our platform are policies – simple natural-language rules that define what an AI model should and shouldn’t do. We automatically test, enforce, and continuously improve these policies at scale.

  • We’ve recently raised our Series A funding round, taking our total funding to $70M. Our investors include top funds, founders, and senior leaders at OpenAI, Anthropic, HuggingFace, Mistral, DeepMind, Datadog, Sentry, and others

  • We process over one hundred million API calls every month

  • We fine-tune and train our own LLMs so they run faster and cheaper than any open or proprietary model

We’re a small, highly focused team. If you want to work deeply on hard problems, see your work ship to production quickly, and influence how AI safety is actually built – you’re the one we need

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

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

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

Process
  1. Intro call (25 min)

  2. Take-home assignment

  3. Interview with Head of Design & Creative and Full-stack Engineer (45 min)

  4. Additional interview (depending on the interview process)

Please submit your application in English

Similar Jobs

10 Days Ago
In-Office or Remote
3 Locations
100K-225K Annually
Entry level
100K-225K Annually
Entry level
Artificial Intelligence • Information Technology • Software
Design and build interfaces across HUD’s AI data platform and marketplace. Translate complex agent runs, evaluation results, reward signals, and reinforcement learning workflows into clear, actionable products. Partner with users, researchers, and engineers; conduct user research; ship and refine experiences; establish reusable interaction patterns; and maintain high standards for usability, visual quality, and implementation.
Top Skills: Ai AgentsFront-End EngineeringReinforcement Learning
One Month Ago
In-Office or Remote
3 Locations
100K-225K Annually
Entry level
100K-225K Annually
Entry level
Artificial Intelligence • Information Technology • Software
Design and build interfaces for HUD’s AI agent training, evaluation, and marketplace products. Translate complex reinforcement learning workflows, agent runs, evaluation results, reward signals, and quality feedback into clear, actionable experiences. Collaborate with users, researchers, and engineers to ship polished products, conduct user discovery, improve usability, and develop reusable interaction patterns.
Top Skills: Ai AgentsFront-End EngineeringReinforcement Learning
2 Days Ago
Easy Apply
Remote or Hybrid
Easy Apply
350K-350K Annually
Senior level
350K-350K Annually
Senior level
Artificial Intelligence • Cloud • Computer Vision • Hardware • Internet of Things • Software
In this role, you'll lead sales efforts for AI products, collaborate with Account Executives, build partnerships, and develop sales strategies to maximize customer value.
Top Skills: AIAi ProductsCommercial SalesInternet Of ThingsMachine Learning

What you need to know about the San Francisco Tech Scene

San Francisco and the surrounding Bay Area attracts more startup funding than any other region in the world. Home to Stanford University and UC Berkeley, leading VC firms and several of the world’s most valuable companies, the Bay Area is the place to go for anyone looking to make it big in the tech industry. That said, San Francisco has a lot to offer beyond technology thanks to a thriving art and music scene, excellent food and a short drive to several of the country’s most beautiful recreational areas.

Key Facts About San Francisco Tech

  • Number of Tech Workers: 365,500; 13.9% of overall workforce (2024 CompTIA survey)
  • Major Tech Employers: Google, Apple, Salesforce, Meta
  • Key Industries: Artificial intelligence, cloud computing, fintech, consumer technology, software
  • Funding Landscape: $50.5 billion in venture capital funding in 2024 (Pitchbook)
  • Notable Investors: Sequoia Capital, Andreessen Horowitz, Bessemer Venture Partners, Greylock Partners, Khosla Ventures, Kleiner Perkins
  • Research Centers and Universities: Stanford University; University of California, Berkeley; University of San Francisco; Santa Clara University; Ames Research Center; Center for AI Safety; California Institute for Regenerative Medicine

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account