Design Engineer
MrBeast · San Francisco, San Francisco, California, United States
Job Description
Design Engineer
Beast Industries, founded by Jimmy Donaldson (MrBeast), is a leading media and entertainment company dedicated to entertaining, inspiring, and creating social impact. We operate across digital media, philanthropy, consumer products, and innovative business initiatives, constantly exploring new frontiers and building a legacy of creativity.
About the Role
We are seeking a Design Engineer who excels at blending design aesthetics with engineering execution and product ownership. In this role, you will be at the intersection of design and engineering, transforming concepts into polished, performant, and production-ready interfaces within our React ecosystem. You will collaborate closely with design and product teams from the outset, shaping UI directly in code, building reusable components, and delivering intuitive and intentional interaction patterns. Motion, accessibility, and responsive design are fundamental aspects of this role.
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 insights to improve design feasibility and clarity.
- Iterate quickly with real UI rather than 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.
Requirements
- 3+ years of experience 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 understanding 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.
What We Offer
- Competitive Salary: $170,000 - $210,000
- Employee equity plan grant.
- Bonus potential.
- Comprehensive benefits package, including:
- 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, including travel and company-provided housing for the first 90 days.
Join the MrBeast team and redefine entertainment and storytelling at a global scale. This is your opportunity to lead the team that brings iconic moments to life across every screen.
✨ This description was enhanced by AI based on the original listing.