Case Study: Loblaw Digital achieves faster, scalable design system delivery with Figma

Loblaw Digital cuts homepage build time from 3 months to 2 weeks with Figma

Loblaw Digital, the digital arm of one of Canada's largest grocers and pharmacies, faced the challenge of supporting a vast ecosystem of over 40 websites and 4 apps across 14 distinct store brands. Their fragmented toolset and siloed workflows led to inconsistency, duplication, and slow development, with even minor changes taking days to implement. They turned to Figma's Organization plan to consolidate their tool stack and create a unified design system.

By implementing Figma, Loblaw Digital built a federated design system called Helios. This allowed them to use reusable, tokenized components that could be themed for each brand, drastically accelerating their workflow. A homepage that previously took three months to build was completed in just two weeks. Figma's Dev Mode also streamlined handoff with developers, saving an estimated 5-10% of time for both designers and engineers and creating a single source of truth for the entire team.

Loblaw Digital