Channel | Publish Date | Thumbnail & View Count | Download Video |
---|---|---|---|
Publish Date not found | 0 Views |
With Variables, we introduced two new prototyping actions: Set Variable and Conditional. In this video, you'll learn how to create advanced prototypes with variables.
To join in, grab a copy of the design from the community file here: https://bit.ly/44bHgC2
For more information about advanced prototyping features, see the Help Center article (https://bit.ly/46r2JsX) and the Figma Community Playground file created by our Designer Advocates (https://bit.ly/3JhgTT9).
If you are new to variables, watch the video tutorial /“Introduction to Variables/” here: https://www.youtube.com/watch?v=1ONxxlJnvdM
If you are new to prototyping in Figma, check out the prototype tutorials playlist here: https://bit.ly/3NC30l7
Chapter:
00:00 Introduction
01:25 Set variables
03:03 Apply number variable at text level
04:19 Set variable with literal value
04:30 Define variables with expressions
05:04 Inline preview
05:14 Condition
06:20 Re-order campaign
06:50 Using Boolean variables in the prototype
08:40 Action orders
09:34 Apply Boolean variable to variant
11:15 Apply string variable to variant
12:51 Design challenge
13:04 Outro
____________________________________________________
Find us on ️
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 #Config2023
Please take the opportunity to connect with your friends and family and share this video with them if you find it useful.