Design Engineer
- Location
- New York · On-site
- Job type
- Full-time
- Level
- Senior
- Experience
- 6+ years
- Listed
- 18 days ago
Skills & highlights for this role
- Figma
- React
- TypeScript
- CSS (Flexbox, Grid, custom properties, container queries)
- Design systems in code (design tokens, component APIs, Storybook or similar)
- Figma Auto Layout, Components, Variants, Variables, Prototyping
- Motion and animation in code (Framer Motion / Motion, CSS transitions, or similar)
- Web interface design for technical or data-heavy products
- Accessibility (WCAG, keyboard navigation, ARIA)
- Responsive design
- Git and code review
Also useful
- Tailwind CSS
- Radix UI / shadcn/ui or other headless component libraries
- Next.js or Vite
- Data visualization (D3, Recharts, visx)
- Figma plugin or Figma-to-code pipeline experience (Tokens Studio, Style Dictionary, Code Connect)
- AI safety, LLMs, or developer tooling interest
- Daily use of AI coding tools (Cursor, Claude Code, v0)
About the role
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.
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
- Intro call (25 min)
- Take-home assignment
- Interview with Head of Design & Creative and Full-stack Engineer (45 min)
- Additional interview (depending on the interview process)
Please submit your application in English
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
From White Circle's careers page, first listed on Rolev.ai on October 22, 2026. Rolev.ai is not the employer.
How Rolev.ai helps with this application
Rolev.ai is a job search and application tool for US job seekers. For this Design Engineer role at White Circle, it shows how your resume fits, tailors your resume to the posting, and prepares the application for you to review.
See how you fit
Openings from employer career sites are ranked against your whole resume—and searchable inside Claude, ChatGPT, and Cursor via Rolev.ai MCP.
Tailor without inventing
Every change to your resume is checked against your original. New experience goes in only with your yes—zero fabricated claims.
Draft the full kit
Tailored and Full Match resumes, role-specific cover letters, and answers to employer screening questions are prepared in seconds.
1-Click Extension Autofill
The Chrome extension fills the employer's Greenhouse, Workday, Lever, or Ashby form in 1 click. You review it and press Submit.
Common questions
Where is the Design Engineer job at White Circle located?
This Design Engineer position at White Circle is located in New York (On-site). Always check White Circle's application page for specific state eligibility or relocation policies.
What qualifications are required for Design Engineer at White Circle?
For the Design Engineer role, White Circle highlights 6+ years of relevant experience; experience with Figma, React, TypeScript, CSS (Flexbox, Grid, custom properties, container queries), Design systems in code (design tokens, component APIs, Storybook or similar), Figma Auto Layout, Components, Variants, Variables, Prototyping. Rolev.ai can score your existing resume against these requirements and show any skill gaps before you apply.
How do I apply for the Design Engineer position at White Circle?
This listing links directly to White Circle's Ashby application page. You can apply directly on White Circle's site, or use Rolev.ai to check your resume fit, generate a zero-hallucination tailored resume and cover letter for this posting, and autofill the Ashby application form in 1 click with the Rolev.ai Chrome extension. You always review the form and press Submit yourself.