Figma tutorial: E-Commerce design | ASOS product cube with Auto layout

Опубликовано: 22 Март 2026
на канале: Yariv BE
1,836
66

This great figma tutorial combines it all!
Build an ASOS like product cube, using:
Components built with Auto layout
Component Properties
Component Variants
Interactive components
So we will use all these amazing figma abilities and features in order to achieve that to create a responsive element that you can easily work with in your designs.

This figma tutorial is a bit more advanced, so if you are not familiar at all with component and variants, i strongly suggest to check out these two tutorials -
   • Figma tutorial: components and variants / ...   (part 1)
   • Figma tutorial: components and variants / ...   (part 2)

For component properties please see this tutorial
   • Component Properties Figma tutorial  

Interactive component with hover interaction
   • Figma interactive components | Figma Butto...  

For better knowledge on Auto layout
   • Figma tutoria: Auto Layout | Get started w...  

#yarivbe #figmatutorial #figmacomponents #interactivecomponents #componentproperties