Many teams working on eCommerce projects were designing from scratch without a real system, and some did not even have a usable Figma file to start from. ShopFront is a platform-agnostic design system for eCommerce, giving teams a stronger starting point for flows, pages, and component sets before the real project work even begins.
The ShopFront theme design system was a two-year collaboration between me and my creative director, Joshua Vizzacco, at Art of the Cart. We shaped it from concept to execution together, while my role focused on building the system itself: defining the architecture, creating more than 80% of the components and starting flow templates, and developing the global color and typography variable framework that let the library scale across brands, themes, and use cases.
It grew into a library of 1,525 components and sets, 36 starting flows, and an accompanying Figma plugin used by over 13.3K people today. More importantly, ShopFront gave eCommerce teams a better place to begin.
Most eCommerce projects rely on theme customization, but designers face a major gap: theme providers rarely supply Figma files or global style setups to streamline wireframes to production. ShopFront emerged from this frustration, offering a starting place solution for any agency projects.
What made the project hard was that it had to be robust without becoming rigid. A starting system for eCommerce cannot behave like a tightly branded design system for one company. It has to move across very different businesses, catalogs, and visual identities without losing coherence. A big part of my work was finding that balance in both the component logic and the variable model underneath it.
A robust library of curated eCommerce components, sections and starting flow templates.
1000+ e-commerce UI components and patterns
Responsive design
Designed for e-commerce wireframe to production
Globally connected color variables and type styles
Semantic naming for easy developer handoff
Built with auto layouts
Web compliance from the start
I came up with a Color and typography variable system that is tailored for the common needs in e-commerce design.
That tension became clearest once the system was used in real client work. eCommerce projects rarely get difficult because of one screen. They get difficult through inventory logic, edge cases, and overlapping rules. I used feedback from client projects to refine ShopFront in the wild, shaping patterns that could absorb complexity without looking complex.