Design System Designer

Job Overview

As a Design System Designer, you’ll contribute to the ongoing evolution of the company’s design system across Figma, Storybook, and frontend implementation. You’ll work closely with designers and engineers to improve consistency, scalability, documentation, and design-to-code workflows while helping shape reusable UI foundations for multiple product teams.

Key Responsibilities

• Maintain and evolve the company’s existing design system across Figma, Storybook, and production code.
• Design and refine reusable UI components including buttons, inputs, form controls, patterns, and shared interface elements.
• Expand and improve a scalable design token architecture supporting themes and component consistency.
• Strengthen alignment between Figma libraries, frontend implementation, and Storybook documentation.
• Improve design-to-development workflows using Figma Variables, Tokens Studio, Style Dictionary, and CI/CD processes.
• Support migration toward a token-driven design system.
• Create and maintain contribution guidelines and design system standards.
• Produce documentation that makes the system easy for designers and developers to understand.
• Explore AI-assisted workflows and machine-readable design system practices.
• Collaborate closely with frontend engineers and product designers on implementation standards.

Required Qualifications

• 4+ years of experience working with design systems, design engineering, or similar roles.
• Advanced expertise with Figma, including Variables, Auto Layout, Component Properties, and shared libraries.
• Strong understanding of frontend technologies including CSS Custom Properties, SCSS, and basic JavaScript.
• Hands-on Storybook experience, including documenting component states and variants.
• Experience using token management tools such as Style Dictionary, Tokens Studio, or similar platforms.
• Strong systems-thinking mindset.
• Ability to collaborate effectively with both designers and frontend engineers.
• Practical approach to creating scalable and maintainable design solutions.

Preferred Strengths

• Strong understanding of reusable component architecture.
• Ability to balance long-term maintainability with practical implementation.
• Experience working in cross-functional product teams.
• Passion for consistency, accessibility, usability, and documentation.
• Interest in AI-assisted design workflows.

Technology & Tools

• Figma.
• Storybook.
• Figma Variables.
• Component Properties.
• Auto Layout.
• Tokens Studio.
• Style Dictionary.
• CSS Custom Properties.
• SCSS.
• JavaScript.
• CI/CD Pipelines.

What Mayflower Offers

• Fully remote work environment.
• Competitive compensation through a service contract.
• Performance reviews twice each year.
• Bonus opportunities and salary adjustments.
• Annual personal allowance for home office equipment, sports, learning, or technology upgrades.
• Paid language learning opportunities.
• Access to professional learning platforms.
• Mindfulness and psychological support benefits.
• Career growth within a rapidly expanding technology company.
• Peer recognition and reward program.

Recruitment Process

• HR Interview (45 minutes).
• Technical Interview (45 minutes).
• Design Test Task.
• Final Interview (45 minutes).
• Reference Check.
• Job Offer.