Design Engineer

White Circle • New York, NY

19d

About The Position

White Circle is an AI safety company building a safety, reliability, and optimization layer for AI systems. Its platform uses natural-language policies to define what AI models should and should not do, then automatically tests, enforces, and improves those policies at scale. The company reports processing more than one hundred million API calls each month and fine-tuning and training its own LLMs.

The Design Engineer will turn complex AI safety workflows into intuitive interfaces for engineering and research teams. This role works across design and code, taking product flows from Figma exploration through production-ready React implementation and ensuring the shipped experience matches the design. The engineer will own the design system across Figma and code, build and refine UI components, prototype flows with real data, and craft motion and micro-interactions. Working closely with product, engineering, and research, the role calls for fast iteration and end-to-end ownership.

Requirements

• At least 6 years of experience in product design, frontend engineering, or design engineering, with a portfolio demonstrating both design and shipped code.
• Strong frontend skills in React, TypeScript, and modern CSS, including Flexbox, Grid, custom properties, and container queries.
• Experience building and maintaining design systems in code, such as design tokens, component APIs, and Storybook or similar.
• Deep Figma knowledge, including Auto Layout, Components, Variants, Variables, and Prototyping.
• Experience with motion and animation in code, such as Framer Motion/Motion or CSS transitions.
• A track record of designing clear, functional web interfaces, ideally for technical or data-heavy products such as dashboards, developer tools, or B2B SaaS.
• Solid understanding of accessibility, including WCAG, keyboard navigation, and ARIA, and of responsive design.
• Comfort working in a real codebase, including Git, code review, and working alongside engineers.
• Daily use of AI tools in a workflow, such as Cursor, Claude Code, or v0, and ability to get production-quality results from them.

Nice To Haves

• Experience with Tailwind CSS, Radix UI/shadcn/ui, or other headless component libraries.
• Next.js or Vite experience.
• Data visualization experience with D3, Recharts, or visx.
• Figma plugin or Figma-to-code pipeline experience, such as Tokens Studio, Style Dictionary, or Code Connect.
• Interest in AI safety, LLMs, or developer tooling.

Responsibilities

• Design and build product interfaces end to end, from Figma exploration to production-ready React code.
• Own the design system in both Figma and code, including tokens, components, variants, and documentation, and keep them 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 committing to them.
• Create motion and micro-interactions that make complex workflows feel clear and responsive.
• Improve product quality by identifying and fixing UI inconsistencies.
• Work directly with product, engineering, and research teams through fast iterations and take full ownership of work.

Benefits

• Competitive compensation package, including equity.
• Flexible time off.
• Health insurance.
• Mental health support, including coverage for therapy.
• 401(k) retirement plan.
• Learning and development support for courses, conferences, and opportunities to grow skills.
• Hardware, subscriptions, tools, and services needed for the role.
• Team off-sites twice a year.

What This Job Offers

• Job Type: Full-time
• Career Level: Senior
• Education Level: No Education Listed