Design Engineer

AI overview

Contribute to innovative UI design by building reusable React components and collaborating closely with design and product teams to enhance user experience.

About Us

Beast Industries is a multifaceted media and entertainment company founded by Jimmy Donaldson, popularly known as MrBeast, the most watched person in the world. Renowned for revolutionizing digital content creation, Beast Industries encompasses a diverse portfolio of ventures that extend far beyond its origins on YouTube. With a mission to entertain, inspire, and create significant social impact, Beast Industries operates across various domains including digital media, philanthropy, consumer products, and innovative business initiatives. At Beast Industries, we believe in the transformative power of digital media and its potential to entertain, educate, and effect positive change. Our commitment to innovation, creativity, and philanthropy drives us to explore new frontiers, create unforgettable experiences, and build a legacy that inspires future generations.

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

 

Benefits

The Perks, Why Work On the MrBeast Team

We are redefining what entertainment and storytelling look like at global scale. Every piece of content we publish reaches millions and influences culture in real time. This is your opportunity to lead the team that decides how those moments come to life across every screen.

  • 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

Perks & Benefits Extracted with AI

  • Health Insurance: Generous Medical (Blue Cross Blue Shield), Dental, Vision and company-paid Life Insurance
  • Relocation assistance: Relocation assistance where applicable, including travel and company-provided housing for the first 90 days

The MrBeast collection | Available for a limited time only!

View all jobs
Ace your job interview

Understand the required skills and qualifications, anticipate the questions you may be asked, and study well-prepared answers using our sample responses.

Design Engineer Q&A's
Report this job
Apply for this job