Design Systems Engineer - Remote

Overview

As a Design Systems Engineer at MagicSchool, you will take ownership of core design system components, ensuring they are scalable, consistent, and accessible while collaborating closely with designers and other engineers.

In Short

• Build and maintain a robust, scalable component library.
• Contribute to defining the technical path for the design system.
• Ensure components align with best practices for performance and reusability.
• Work with modern frontend tools (JS, CSS, and CSS-in-JS).
• Debug and optimize components for performance and accessibility.
• Advocate for design system best practices across the engineering team.
• Contribute to documentation in Storybook.
• Collaborate with cross-functional teams to enhance the design system.
• Implement system-wide solutions.
• Engage in discussions around Figma design tokens and components.

Requirements

• 3+ years of experience as an engineer.
• Strong understanding of front-end architecture and component-driven development.
• Proficient in TypeScript, React, Next.js, and Storybook.
• Experience with styling methodologies like cva, vanilla-extract, and/or css modules.
• Familiarity with accessibility principles (ARIA, WCAG).
• Strong communication skills and a team-first mindset.
• Adaptable and resourceful with a strong work ethic.
• Nice to have: Experience working in Figma.

Benefits

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