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.