Clare - Figma UI Kit for E-commerce, Online Retail & Marketplaces

$40.00 $22.00 per year

A 70-screen Figma UI kit for e-commerce stores, online retailers, and marketplaces – includes 3+ homepage variants, 3 shop and product detail layouts, full account dashboard, complete checkout flow, and matching mobile layouts.

License Options
Technologies
Figma: Clare - E-commerce, Online Retail & Marketplaces Figma UI Kit
Screenshots

A 70-screen Figma UI kit for e-commerce stores, online retailers, and marketplaces - includes 3+ homepage variants, 3 shop and product detail layouts, full account dashboard, complete checkout flow, and matching mobile layouts.

Clare is a Figma UI kit designed for e-commerce stores, online retailers, fashion and electronics shops, multi-vendor marketplaces, and lifestyle brands building modern online stores. It solves the "I need a polished e-commerce site with multiple shop layouts, product variants, and a complete account system - not a stripped-down single-layout kit" problem. Built on Figma with group layouts, variants, organized layers, and pixel-perfect spacing, it ships with 70 fully layered screens (35 desktop + 35 mobile), 3+ homepage variants, and 25+ reusable UI elements organized for designer handoff.

This kit is built for three buyer types: e-commerce brand owners launching or refreshing an online store, freelance designers producing client work across retail categories, and agencies delivering e-commerce sites for fashion, electronics, lifestyle, or multi-vendor brands. Designing a 35-page e-commerce site with shop variants, product detail layouts, account dashboard, and full checkout from scratch typically takes 100-140 hours. With Clare, you can swap brand colors, replace imagery, and adapt copy to deliver a complete store in 10-18 hours. The component-driven structure means every brand update propagates across all 70 screens at once.

The kit covers 35 ready-to-use pages: 3 Homepages, About, 3 Shop layouts, Category, 3 Product Detail variants, Account Dashboard, Account Order, Account Order Detail, Cart, Empty Cart, Checkout, Thank You, Compare, Wishlist, 3 Blog layouts, 3 Blog Details variants, FAQ, Contact, Sign In, Sign Up, Forgot Password, Reset Password, Privacy Policy, Terms & Conditions, and a custom 404 page. Every screen is built around how online shoppers actually browse and buy - from product discovery (Shop variants, Category) to consideration (Product Details, Wishlist, Compare) to purchase (Cart, Checkout, Thank You) to post-purchase (Account Dashboard, Order Details).

Unlike e-commerce Figma kits that ship one shop layout and one product page, Clare gives you real flexibility - 3 shop variants, 3 product detail layouts, 3 homepage variants, and 3 blog layouts. It's particularly well-suited for stores that want to A/B test layouts, agencies serving multiple e-commerce clients across different retail categories, and multi-vendor marketplaces where different sellers might need different page styles. The pixel-perfect spacing and developer-friendly structure reduce handoff friction and speed up engineering review cycles.

Core Pages

  • Home (3 variants)
  • About
  • Shop (3 variants)
  • Category
  • Product Details (3 variants)
  • Account Dashboard
  • Account Order
  • Account Order Detail
  • Cart
  • Empty Cart
  • Checkout
  • Thank You
  • Compare
  • Wishlist
  • FAQ
  • Blog (3 variants)
  • Blog Details (3 variants)
  • Contact
  • Sign In
  • Sign Up
  • Forgot Password
  • Reset Password
  • 404 Page
  • Privacy Policy
  • Terms & Conditions

What’s Included

Files & Screens
  • 70 fully layered screens (35 desktop + 35 mobile)
  • 3+ unique homepage variants
  • 35 ready-to-use pages covering shop, account, and content flows
  • 3 shop layouts and 3 product detail variants
  • 3 blog layouts and 3 blog detail variants
  • Bundled image collections
E-commerce & Account Flows
  • Complete shopping journey: Shop, Category, Product Detail, Cart, Checkout, Thank You
  • Empty Cart state and Compare templates
  • Full account system: Dashboard, Order, Order Detail
  • Complete authentication: Sign In, Sign Up, Forgot Password, Reset Password
  • Wishlist for saved items
  • Reusable form components
Quality & Structure
  • Pixel-perfect spacing and alignment
  • Grouped layouts for easy section editing
  • Organized layers with clear naming conventions
  • Developer-friendly structure
  • Montserrat font included
  • Compatible with Figma latest version and Figma Community

Who It's For

This kit is built for:

E-commerce brands and online retailers

Shopping bag / cart You'll benefit from Clare if you run an online store and need a complete e-commerce site with multiple shop layouts, product detail options, and full account management. The 3 homepage and 3 shop variants let you choose the layout that matches your category - fashion, electronics, lifestyle, or general retail.

Fashion, electronics, and lifestyle stores

Sparkle / star Use Clare for specific retail verticals - fashion, electronics, beauty, lifestyle, or accessories. The 3 product detail variants give you different ways to present products (gallery-first for fashion, spec-heavy for electronics, lifestyle-focused for accessories). Wishlist and Compare support how shoppers research before buying.

Multi-vendor marketplaces

Building / store Clare is ideal for multi-vendor marketplaces and aggregator stores where different sellers or categories need different visual treatments. The 3 shop layouts and 3 product detail variants give you flexibility to serve diverse merchants, and the full account system supports both buyer and seller dashboards.

Freelance designers and agencies serving e-commerce clients

Pencil / design tool For designers and agencies, Clare removes 60+ hours of foundation work per e-commerce project. Variant-based design lets you re-skin the kit per client, and the Agency license covers up to 30 client sites - useful when you serve multiple e-commerce brands across different retail categories.

FAQ’s

What's included when I buy Clare?
Do I need advanced Figma skills to use this kit?
Is the kit compatible with the latest Figma version?
Why are there 3 shop and 3 product detail variants?
Does the kit support multi-vendor or marketplace use cases?
Does the kit include a complete authentication flow?
Can I use Clare for e-commerce categories beyond fashion and electronics?

Customer Reviews

See what store owners are saying about performance and results.

0.00/5

0 Reviews & Ratings

0
0
0
0
0

Be the first to review “Clare - Figma UI Kit for E-commerce, Online Retail & Marketplaces”

Write a Reviews

Your feedback matters! Let others know what you think.

Changelog

v1.0.0 - Initial Release [10 June 2026]

  • - 70 fully layered screens (35 desktop + 35 mobile)
  • - 3+ homepage variants and 35 ready-to-use pages
  • - 25+ reusable UI elements
  • - 3 shop layouts, 3 product detail variants, 3 blog layouts, 3 blog detail variants
  • - Full e-commerce flow: Shop, Category, Cart, Empty Cart, Checkout, Thank You
  • - Complete account system: Dashboard, Order, Order Detail
  • - Complete authentication: Sign In, Sign Up, Forgot Password, Reset Password
  • - Compare and Wishlist templates
  • - Megamenu navigation for deep product catalogs
  • - Montserrat font included
  • - Compatible with Figma latest version and Figma Community

Be the First to Showcase Your Project

Built something amazing with this product? Submit your website and get featured in our customer showcase gallery.

Add Showcase

Showcase Your Website

Show how you built your website using WebbyCrown products. Submit your site, share your experience, and get featured in our customer showcase.

"*" indicates required fields

Max. file size: 5 MB.
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

Analytics

This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

Marketing

This website uses the following additional cookies:

(List the cookies that you are using on the website here.)