Use Figma Variables + Conditional Logic to Build an Interactive Storefront Prototype

Use Figma Variables + Conditional Logic to Build an Interactive Storefront Prototype

UI Collective 83.5K subscribers
15.2K views · 2023-07-23 UI DesignInteraction & UX
Learn how to use Figma variables + conditional logic while creating a storefront + checkout wireframe.

Build a community profile + join the community: https://www.uicollective.co/
Resource library: https://resources.uicollective.co/
Request a design system audit: https://www.uicollective.co/design-system-audit

0:00 An Introduction
0:46 Building the Wireframe
5:57 Adding Variables
9:48 Adding Interactions
14:48 Adding Conditional Logic
18:58 Adding the Snackbar
23:38 Wrap Up