E-commerce Template for Figma

E-commerce Template for Figma is built with the Ant Design System for Figma and Tokens Studio. Pre-built screens cover the complete shopping experience, so you can focus on customization rather than reconstruction.

What is included

• Sections and pages for full store coverage
• 56 dedicated e-commerce components
• 2 themes: Light and Dark
• Payment icons for major providers
• Figma Variables and Tokens Studio support
• 1,000+ base Ant Design components and icons

Screens for every stage of the shopping journey

Beyond home and listing pages, the template covers the full buying flow with pages and sections for product discovery, detail views, cart and saved items, checkout, order history, confirmations, and campaign content.

Each screen uses responsive components and practical e-commerce patterns grounded in the Ant Design component system.

56 dedicated e-commerce components

The library extends beyond generic design system primitives with purpose-built components like product cards, cart summaries, pricing displays, review modules, filter sidebars, and quantity controls.

Payment icons included

Checkout-ready icons are included for Visa, Mastercard, PayPal, Apple Pay, Google Pay, Stripe, Bitcoin, Bitpay, Revolut, and additional providers.

Full customization via variables and tokens

Apply branding across the entire template by adjusting a small set of token values.

• Typography updates for type family, size, and line height
• Color system remapping using brand or Ant token references
• Globally configurable spacing based on a 4px grid

Two themes, switchable through Tokens Studio

Light and dark themes are included and can be switched in one action through Tokens Studio. The same token structure can be extended for custom brand themes.

Base Ant Design system included

Access to the basic Ant Design System for Figma is bundled, adding 1,000+ standard components and icons in the same file for broader product needs.

Who it is for

• Product designers and agencies building or pitching online store experiences
• Development teams using Ant Design React that need library-aligned design files
• Startups and brands validating end-to-end shopping flows before development
• Designers iterating existing stores who need reliable, reusable reference patterns