Design Engineer
MrBeast
- San Francisco, California, United States
- San Francisco, California, United States
Über
Design Engineer We’re hiring a Design Engineer who blends design taste, engineering execution, and product ownership. You’ll work where design and engineering meet—turning concepts into polished, performant, production‑ready interfaces across our React stack.
Overview You’ll collaborate with design and product from day one, shaping UI in real code, building reusable components, and delivering interaction patterns that feel fast, intuitive, and intentional. Motion, accessibility, and responsive behavior are treated as core requirements, not extras.
What Success Looks Like
High‑quality, reusable React components adopted across teams
Production UI that feels fast, intuitive, and consistent
Smooth, intentional motion that enhances clarity and flow
Strong partnership with design and engineering from concept through ship
Meaningful contributions to our design system and component architecture
Key Responsibilities Design + Engineering Quality
Build polished, production‑ready UI using
React, Next.js, and Tailwind
Implement motion, micro‑interactions, and transitions using
Framer Motion
or native techniques
Evolve and maintain reusable primitives and components using
shadcn/ui
patterns
Ensure accessibility, responsiveness, and cross‑browser consistency
Optimize interaction performance and animation smoothness
Translate Figma concepts into high‑quality code with clear states and flows
Collaborative Design Delivery
Partner early with designers to shape components, interactions, and states
Prototype interaction ideas and motion‑heavy flows in code
Provide engineering insight to improve design feasibility and clarity
Iterate quickly with real UI instead of static hand‑offs
Product Integration & Ownership
Own UI execution for features end‑to‑end
Handle interaction logic, state management, and edge‑case behavior
Participate in sprint planning, estimation, and cross‑functional reviews
Design System & Reusability
Extend and refine our design system using
shadcn/ui , Tailwind tokens, and reusable patterns
Document component usage, motion guidelines, and best practices
Promote consistency across product surfaces
Qualifications
3+ years in frontend engineering or design engineering
Strong React experience
Proficiency with Tailwind and component‑driven UI architecture
Experience implementing polished UI with smooth, performant motion
Strong grasp of accessibility, responsive design, and UI fundamentals
Comfortable collaborating closely with designers and product teams
Preferred Skills
Experience with
Framer Motion
Familiarity with
shadcn/ui
or similar headless component systems
Ability to prototype in Figma and code
Experience contributing to or maintaining a design system
Strong sense of visual and interaction design
Key Metrics for Impact
Reuse and adoption of components
UI performance and interaction responsiveness
Reduction in design‑to‑code iteration time
Accessibility and consistency across surfaces
The target total compensation ranges from
$170,000 to 210,000 , an employee equity plan grant, bonus, plus comprehensive benefits.
Benefits
Competitive Salary
Generous Medical (Blue Cross Blue Shield), Dental, Vision and company‑paid Life Insurance
Company contributions to employee Health Savings Accounts (HSA)
401k Plan with Safe Harbor company‑matching
Flexible vacation policy and paid company holidays
Company‑provided technology package
Relocation assistance where applicable, including travel and company‑provided housing for the first 90 days
#J-18808-Ljbffr
Sprachkenntnisse
- English
Hinweis für Nutzer
Dieses Stellenangebot stammt von einer Partnerplattform von TieTalent. Klick auf „Jetzt Bewerben”, um deine Bewerbung direkt auf deren Website einzureichen.