The Good UI: E-commerce Figma Library

The Good UI is a Figma design library made only for ecommerce. General UI kits like Untitled UI cover dashboards and SaaS well, but leave designers to rebuild the patterns every store needs: product grids, variant pickers, carts, search and checkout.

We built the system from the ground up around those patterns. We designed every component with the states a real store needs, such as sale prices, sold out sizes and empty carts. We set up tokens for colour, type, radius and borders so one library could carry several brands. The result was faster, more consistent storefronts, with assets ready to hand to developers.

Components: product cards and grids, product detail, variant selectors, cart, search, navigation, badges, footers

Tokens for multi-brand theming: colour, typography, spacing, radius, borders

Ready-to-use page layouts: home, category, product, search results

TG—UI demo store. We designed a full fashion storefront with it: a home page, a product page with colour and size selection, search, and recommendations.