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.