Front-End Engineer (Design System)

YOUR ROLE:

Play a key role in building and evolving SiteGround's internal Design System — the foundation that powers the visual consistency and development efficiency across all our products and SaaS platforms. Your mission is to evolve and scale an accessible and high-performance component library that empowers our product teams to deliver consistent, world-class user experiences. In this role, you’ll bridge the gap between design and engineering and make a lasting impact on the way SiteGround develops products at scale.

YOUR RESPONSIBILITIES:

  • Develop and maintain high-quality, reusable, and scalable code using CSS/SASS, HTML, TypeScript and React. Implement modern CSS custom properties to support smooth, runtime light/dark theming;
  • Drive the development and adoption of our Design System across multiple products and engineering teams;
  • Partner with Product Designers to translate Figma variables and design tokens into production-ready styling tokens;
  • Architect robust, predictable component APIs. Leverage headless UI composition patterns to avoid prop bloat and speed up development;
  • Ensure all components meet strict WCAG 2.1/2.2 AA standards (ARIA patterns, focus states, keyboard navigation) and are optimized for rendering efficiency;
  • Maintain Storybook as the single, interactive source of truth for component usage, guidelines, and interactive developer sandboxes;
  • Help drive system adoption across multiple product teams, assisting with migration strategies and deprecating legacy elements;
  • Maintain long-term code quality using unit testing and automated visual regression testing (such as Playwright);
  • Structure clean TypeScript types and component properties to ensure they are optimized for clean generation by AI coding assistants (like Claude, Gemini, and Copilot).
  • OUR EXPECTATIONS:

  • A minimum of 5 years of experience in front-end development with HTML, CSS, JavaScript, and TypeScript;
  • A minimum of 2 years of hands-on experience contributing to, maintaining, or scaling a shared component library used across multiple teams;
  • Strong production experience with React (v17+), deep knowledge of hooks, context, and rendering performance optimization;
  • Solid grasp of component-driven design and headless UI concepts (such as Radix UI, React Aria, or Shadcn/ui foundations);
  • Deep hands-on experience using Vite for building projects and Storybook for documenting component states;
  • Practical knowledge of building fully accessible elements following ARIA standards and WCAG compliance;
  • Clear visual sense and experience collaborating with designers in Figma (understanding components, auto layouts, and variants);
  • Excellent collaboration skills and ability to work effectively with both designers and engineers.
  • GREAT ADVANTAGE WILL BE:

  • Experience using developer-facing Figma features, including Code Connect, Dev Mode, variables, or the Figma REST API;
  • Familiarity with GitHub Actions to automate component building, visual regression checks, and releases;
  • Experience creating CLI helpers, automated styling utilities, or custom codemods to streamline design system upgrades;
  • Regular utilization of AI-assisted coding tools to accelerate component prototyping, test creation, and documentation;
  • A passion for creating developer-friendly tools and improving engineering workflows.
  • WHAT WE OFFER:

  • Working on in-house built products, using the latest technologies;
  • Competitive salary with achievement bonus;
  • Premium health insurance;
  • Reduced working hours every Friday;
  • Sponsorship for worldwide conferences of your choice with full company coverage of business expenses;
  • Free office restaurant with our own chef team;
  • Free access to our in-office gym with professional instructors;
  • Free HIIT, Prama, Yoga, Pilates, and table tennis classes in our HQ office;
  • Free Multisport or CoolFit card;
  • Additional days off for long service and volunteering;
  • Anniversary and company gifts;
  • Knowledge-sharing at multiple meetups and mini conferences in our offices.
  • If this sounds like something you’d be interested in, we'd love to hear from you!
    Please note: only shortlisted candidates will be contacted for further steps.