Mayflower: Design System Designer

<img src="https://we-work-remotely.imgix.net/logos/0171/6119/logo.gif?ixlib=rails-4.0.0&w=50&h=50&dpr=2&fit=fill&auto=compress" /> <p> <strong>Headquarters:</strong> Limassol, 02, Cyprus <br /><strong>URL:</strong> <a href="http://mayflower.work">http://mayflower.work</a> </p> <div class="sc-sst7hj-0 fOqoJO"> <div> <div class="sc-gc8a7v-2 bPJaod">&nbsp;</div> <div class="sc-15q9oah-0 gztJGF"> <div class="sc-wmx2fr-2 ceYvkT"> <div class="sc-wmx2fr-1 iSkbUf"> <div class="sc-wmx2fr-3 cVnqqI"> <div class="sc-ji5wy4-0 jIYAZB"> <div> <div> <div> <div> <div class="sc-1f4pjtc-2 GSqTv"> <div class="sc-gzaj7k-0 bmufwN"> <div> <div> <h2 class="sc-1npqnwg-4 sc-1npqnwg-5 sc-1f4pjtc-0 bMScYF custom-css-style-job-description">Job description</h2> <div class="sc-1fwbcuw-0 gRTSYH"> <div> <p><strong><span>Mayflower</span></strong><span> is a technology company building large-scale entertainment products for a global audience. Our platforms serve millions of users worldwide and rank among the top-50 most visited websites globally. For more than 10 years, we've been creating reliable, high-performance solutions at the intersection of product, engineering, and entertainment.</span></p> <p>&nbsp;</p> <p><span>We’re looking for a </span><strong><span>Design System Designer</span></strong><span> to contribute to the evolution of our design system across product and engineering. </span></p> <p><span>The role combines systems thinking with hands-on design of design system components — working within the UI kit and design system context to define, refine, and maintain reusable UI elements (inputs, controls, patterns), in close collaboration with product designers.<br>In this role, you will be responsible for the consistency, quality, and ongoing evolution of the design system across product teams.<br>This is a collaborative role at the intersection of design and engineering, working closely with frontend engineers and product designers to align standards and implementation practices.<br><br>Join our team and help shape the future of live entertainment!</span></p> <h4><span><br></span><strong><span>Responsibilities</span></strong></h4> <ul> <li> <p><span>Work on evolving and maintaining our existing UI foundation in Figma, Storybook, and code;</span></p> </li> <li> <p><span>Design and refine core UI components (inputs, buttons, form elements, patterns other UI components and patterns) as part of the design system;</span></p> </li> <li> <p><span>Refine and extend a scalable token architecture (primitive → semantic → component) with support for theming;</span></p> </li> <li> <p><span>Improve alignment between Figma, frontend implementation, and Storybook to ensure consistency across the product;</span></p> </li> <li> <p><span>Contribute to and improve the design-to-code workflow using Figma Variables, Tokens Studio, Style Dictionary, and CI/CD pipelines;</span></p> </li> <li> <p><span>Support migration of components toward a token-based structure, starting with the most impactful areas;</span></p> </li> <li> <p><span>Help shape and maintain contribution guidelines and system standards for design and engineering teams;</span></p> </li> <li> <p><span>Contribute to documentation and knowledge sharing to make the system easy to understand and use;</span></p> </li> <li> <p><span>Explore and support AI-assisted workflows, including structured and machine-readable design system practices.</span></p> </li> </ul> </div> </div> <h2 class="sc-1npqnwg-4 sc-1npqnwg-5 sc-1f4pjtc-0 sc-1f4pjtc-1 egbxYU custom-css-style-job-requirements">Job requirements</h2> <div class="sc-1fwbcuw-0 gRTSYH"> <div> <h4><strong><span>You’ll thrive here if you have</span></strong></h4> <ul> <li> <p><span>4+ years of experience in design systems, design engineering, or related roles;</span></p> </li> <li> <p><span>Strong Figma expertise (Variables, Auto Layout, Component Properties, shared libraries);</span></p> </li> <li> <p><span>Good understanding of frontend development (CSS custom properties, SCSS, basic JavaScript) and ability to collaborate effectively with engineers;</span></p> </li> <li> <p><span>Hands-on experience with Storybook (writing stories, documenting states and variants);</span></p> </li> <li> <p><span>Familiarity with token tooling such as Style Dictionary, Tokens Studio, or equivalent;</span></p> </li> <li> <p><span>Strong systems thinking — able to see patterns, dependencies, and long-term implications across design and code;</span></p> </li> <li> <p><span>Practical mindset focused on building solutions that teams can realistically adopt and maintain.</span></p> </li> </ul> <p><span><br></span><strong><span>Who you are</span></strong></p> <ul> <li> <p><span>Think in systems, patterns, and trade-offs rather than isolated UI tasks;</span></p> </li> <li> <p><span>Comfortable making decisions about when to introduce new components versus extending existing ones;</span></p> </li> <li> <p><span>Value pragmatic solutions that improve long-term maintainability over short-term visual fixes;</span></p> </li> <li> <p><span>Work naturally in cross-functional environments with both designers and engineers;</span></p> </li> <li> <p><span>Care about clarity, consistency, and usability of design systems as a shared foundation.</span></p> </li> </ul> <h4>&nbsp;</h4> <h4><strong><span>Conditions</span></strong></h4> <p class="MsoNormal"><span>We know that great talent deserves great conditions, so here's what you can expect when joining us:</span></p> <ul> <li> <p><span>Full remote work.</span></p> </li> <li> <p><span>Competitive compensation with a service contract.</span></p> </li> <li> <p><span>Transparent performance reviews twice a year, with bonus opportunities and salary adjustments.</span></p> </li> <li> <p><span>An annual allowance that you can use for home office improvements, sports activities, equipment upgrades, and more—tailor it to what benefits you most.</span></p> </li> <li> <p><span>Investment in your development: paid language courses, access to various learning platforms, and a mindfulness benefit, including psychological support with 50% coverage.</span></p> </li> <li> <p><span>Career growth in a fast-scaling project with opportunities to influence technical decisions.</span></p> </li> <li> <p><span>A culture of recognition: our peer reward program celebrates contributions from across the team.</span></p> </li> </ul> <p>&nbsp;</p> <h4><strong><span>Recruitment process</span></strong></h4> <ul> <li> <p><span>HR interview (45 min);</span></p> </li> <li> <p><span>Technical interview (45 min);</span></p> </li> <li> <p><span>Test task;</span></p> </li> <li> <p><span>Final interview (45 min).</span></p> </li> <li> <p><span>Recommendations check;</span></p> </li> <li> <p><span>Job offer.</span></p> </li> </ul> <p>&nbsp;</p> </div> </div> </div> </div> <div class="sc-1f4pjtc-4 hWAcQh"> <div class="sc-1rmdf4s-3 kkUnCk"> <div class="sc-1rmdf4s-0 jQmhzU"> <ul class="sc-rrzx6k-5 jpSVvR"> <li class="sc-rrzx6k-6 gBfyrQ custom-css-style-job-location"><span class="custom-css-style-job-location-name">Remote</span></li> </ul> </div> </div> <div class="sc-e5uvhz-0 kHqIkC"> <div class="sc-e5uvhz-8 ekemGm">&nbsp;</div> </div> </div> </div> </div> </div> </div> <div></div> <div> <div> <div class="sc-f77754-0 bPFWTX"> <div> <h3 class="sc-1npqnwg-4 sc-1npqnwg-5 sc-f77754-1 hNbZrP">All done!</h3> <p class="sc-1npqnwg-9 sc-1npqnwg-10 dvdtHe">Your application has been successfully submitted!</p> </div> <div class="sc-f77754-2 uBcJB"><a class="sc-j2mrs8-0 kRYXgD custom-css-style-application-success-button" href="../../">Other jobs</a></div> </div> </div> </div> <div> <div class="sc-q98yws-0 hCsfVS"> <div> <h3 class="sc-1npqnwg-4 sc-1npqnwg-5 sc-q98yws-1 ePhOtu">You've already applied for this job</h3> <p class="sc-1npqnwg-9 sc-1npqnwg-10 dvdtHe">We appreciate your interest in this position. Unfortunately, you have already applied for this job.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <p><strong>To apply:</strong> <a href="https://weworkremotely.com/remote-jobs/mayflower-design-system-designer">https://weworkremotely.com/remote-jobs/mayflower-design-system-designer</a></p>