Reusable E-Commerce store using set variable mode | Figma variables 2024
5.3K views · 2024-11-05
UI Design
🚨Follow along → https://www.figma.com/community/file/1435275266035924005
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine
🍿 _WHAT TO WATCH NEXT_ :
1. *Variables 101* - https://youtu.be/TGinpYnwu2A
2. *Prototype with Variables | Config Update* - https://youtu.be/RERfcQp7zSk
3. *Language change with variables* - https://youtu.be/X5arGNpdXS0
🌼 _CHAPTERS_ :
00:00 Intro
00:20 What we are making
01:19 The Variables
01:44 Build the Card
03:0 Apply Variable Mode
03:27 Connect the Variable to the Variant
05:36 Build the Product Page
06:43 Prototype
07:46 What we made
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #figma2024 #designtokens #tokens #variables #variablemodes
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine
🍿 _WHAT TO WATCH NEXT_ :
1. *Variables 101* - https://youtu.be/TGinpYnwu2A
2. *Prototype with Variables | Config Update* - https://youtu.be/RERfcQp7zSk
3. *Language change with variables* - https://youtu.be/X5arGNpdXS0
🌼 _CHAPTERS_ :
00:00 Intro
00:20 What we are making
01:19 The Variables
01:44 Build the Card
03:0 Apply Variable Mode
03:27 Connect the Variable to the Variant
05:36 Build the Product Page
06:43 Prototype
07:46 What we made
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #figma2024 #designtokens #tokens #variables #variablemodes