Design Engineer — End-to-End UI for AI Safety

White Circle; France; On-site; EUR 90,000 - 130,000; Full time

Benefits offered by this job

Equity

Flexible time off

Health insurance

Mental health support

401(k) retirement plan

Learning and development support

All the hardware, subscriptions, tools

Team off-sites

Job summary

White Circle is hiring a Design Engineer to turn complex AI safety workflows into intuitive interfaces for engineering and research teams. You’ll shape flows in Figma and implement them in production with React, TypeScript, and our component library.

You’ll own the gap between designed and shipped, ensuring pixels and transitions match intent, while collaborating across product, engineering, and research for fast iterations and full ownership.

Qualifications

• 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

Responsibilities

• 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

Skills

React

TypeScript

CSS (Flexbox/Grid)

Design systems

Figma

Motion/Animation

Accessibility

Git

AI tools in workflow

Tools

Storybook

Next.js

Vite

D3/Recharts/visx

Job description

White Circle is hiring a Design Engineer to turn complex AI safety workflows into intuitive interfaces for engineering and research teams. You’ll shape flows in Figma and implement them in production with React, TypeScript, and our component library.

You’ll own the gap between designed and shipped, ensuring pixels and transitions match intent, while collaborating across product, engineering, and research for fast iterations and full ownership.