# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=vGIrfVrw_Ss
- **Gondola URL:** https://gondola.cc/posts/73337303-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/f5e0701390.jpg
- **Posted:** 2023-11-09T17:03:22.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

Figma is free to use. Sign up here: https://bit.ly/3msp0OV

In this tutorial, we’re using variables, interactive components, and conditional logic to build our prototype. These advanced features allow us to prototype with less time, reduce memory usage, and minimize maintenance time.

To follow along, grab a copy of the design from the community file here: https://www.figma.com/community/file/1301324459782928636/prototype-with-variables

Check out the written mini projects from the Figma Help Center:
- Create a loading animation: https://help.figma.com/hc/en-us/articles/18892560291351
- Create a responsive card with auto layout and constraints: https://help.figma.com/hc/en-us/articles/18894664907287
- Create an onboarding flow with advanced prototyping: https://help.figma.com/hc/en-us/articles/18888057155991

To learn more about the advanced prototyping features, check out our previous video tutorial on advanced prototyping (https://youtu.be/VEuwKJAz7Jg), the Help Center article (https://bit.ly/46r2JsX), and play with the Figma community playground file (https://bit.ly/3JhgTT9) created by our Designer Advocates. 

If you're new to variables, check out the "Intro to variables" video tutorial here: https://www.youtube.com/watch?v=1ONxxlJnvdM 

If you're new to prototypes in Figma, check out the prototype tutorial playlist here: https://bit.ly/3NC30l7

00:00 Intro 
00:39 Why advanced prototyping?
01:16 Create boolean variables for each topic
02:57 Assign boolean variables to the topic instances
03:59 Quick test
04:46 Assign boolean variables to cards' visibility 
05:32 Configure the Continue button
09:48 Add a Skip button 

____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://twitter.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
Figma forum: https://forum.figma.com/

____________________________________________________


#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #prototype #variables

## Stats

- **Views:** 88,200
- **Likes:** 3,582
- **Shares:** 0
- **Comments:** 74

## Tags

prototype, variables, figjam, config, tips, tutorial, designsystems, design, figma, nothinggreatismadealone

---
Copyright (c) Gondola