Design Engineer

MrBeast • Los Angeles, CA

5d

About The Position

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.
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.

Requirements

• 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

Nice To Haves

• 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

Responsibilities

• 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
• 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
• 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
• 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

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

What This Job Offers

• Job Type: Full-time
• Career Level: Mid Level
• Education Level: No Education Listed
• Number of Employees: 251-500 employees