Figma tutorial: Dynamic prototyping with Variables & Modes

In this great figma tutorial we will bind variables to screen components & variants and work with two collections of variables.

So this is the plan:
1. We will bind a place content card to its variables and create the different Modes we need.
2. Bind the Place page to a different set of variables.
3. Create the dynamic prototype that will “inject” the right content to the place page according to the card we tapped on.

Sounds cool? Great! Than jump in and get to it 🙂

#yarivbe #figmaprototype #figmavariables #figmamodes #dynamicprototyping

[mtmp]

good job Yariv! finally a way to minimize the prototype stages to be effective and simple, without any clutter and too much pages.
Modular and Universal is the way to go. Thanks.

[TuShar-mpum]

Please make vedio on auto layout apply screen all eminents. How to apply auto layout individually in whole screens eliment like components, text, picture, slider, carousel, list item, input field, tabs, dropdown, slider.

[refreshsportsstore]

Very helpful. thanks. I don't have layer modes after I detach.

[piyushpatil]

Please make a video on how to create calendar and how can selected date from calendar can be seen in other page