Front-End Engineer (Design System)
Indexed description
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)
- 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
- 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
- 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
Please note: only shortlisted candidates will be contacted for further steps.
We may use artificial intelligence (AI) tools to support parts of the hiring process, such as reviewing applications, analyzing resumes, or assessing responses and identifying potential inconsistencies or verification signals in application materials based on available information. These tools assist our recruitment team but do not replace human judgment. Final hiring decisions are ultimately made by humans. If you would like more information about how your data is processed, please contact us.
Create a free Caio profile to unlock more results and save your role and location preferences.
Unlock free search