Design Systems Engineer

Summary

Join MagicSchool, a leading generative AI platform for teachers, as a Design Systems Engineer. You will own core design system components, ensuring scalability, consistency, and accessibility. Collaborate with designers and engineers to build a multi-theme, multi-modal, and extensible design system. Responsibilities include building and maintaining a component library, ensuring performance and accessibility, and advocating for best practices. You'll need strong front-end skills, experience with specific technologies, and a collaborative mindset. We offer generous benefits, including unlimited PTO, employer-covered health insurance, a wellness stipend, 401(k) match, and vision/dental insurance.

Requirements

• Work hard, be resourceful, and do whatever it takes
• Be smart, learn fast, and be curious
• Build relationships easily; be emotionally intelligent, communicative, and warm
• Possess strong communication skills; have a team-first mindset, be highly collaborative, and be able to articulate decisions within the team’s context
• Have a strong understanding of front-end architecture and component-driven development
• Be proficient in TypeScript, React, Next.js, and Storybook
• Have experience with styling methodologies like cva, vanilla-extract, and/or css modules
• Have familiarity with accessibility principles (ARIA, WCAG)
• Have 3+ years of experience as an engineer

Responsibilities

• Build and maintain a robust, scalable component library
• Contribute to the discovery process in defining the technical path forward for the design system and its relationship to other products
• Ensure components are performant, reusable, and align with best practices
• Work with modern frontend tools (JS, CSS, and CSS-in-JS) to create theming and other configuration layers
• Effectively debug and optimize components for performance and accessibility
• Build software that is easy for others to understand and utilize while being easy to maintain
• Ensure adoption and extensibility of the design system
• Advocate for design system best practices across the engineering team
• Contribute to documentation in Storybook
• Balance consistency with flexibility to accommodate product needs
• Collaborate with cross-functional teams to enhance the design system
• Implement system-wide solutions
• Develop opinions on usability, accessibility, and developer experience
• Engage in discussions around Figma design tokens and components

Preferred Qualifications

• Have 5+ years of experience as an engineer
• Have experience building design systems in the past
• Have startup experience
• Have experience working in Figma

Benefits

• Unlimited PTO
• Employer-covered health insurance
• Wellness stipend
• 401(k) match
• Vision/dental insurance