Variables Examples

34,851
44
2,623
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

iOS Spotlight

26,294
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Netflix Desktop UI Sketch Resource

1,865
0
Netflix Desktop UI Sketch Resource Design: https://www.sketchappsources.com/free-source/3590-netflix-desktop-ui-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

auto-complete search

4,671
2
154
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

Music App

7,051
1
107
Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

Calendar

2,865
0
86
A very basic Calendar example project using Containers a few states and 1 variable to track the year.

1866935c-504d-11ed 9221-0e76797a4f7b

Spoon Dating App

4,172
2
53
Spoon is a dating app concept aiming to make online dating more efficient, and fair. The concept has the following main characteristics: 1) Gender equality ⁠— the app decides who makes the first move; 2) Time efficiency — no need to put in hours of work to meet somebody; 3) Incremental steps towards a clear goal — no limbo states, no endless/goalless swiping; 4) Fairness, respect, and accountability for its users — choosing someone means you commit resources to that person, no second thoughts allowed; 5) Match exclusivity — chat with only one person at a time; no competing for one’s attention; 6) Fast and fluid interactions — chat while both users are online and active, no offline messages. I hope you like it.

a1a5e14a-504c-11ed 9221-0e76797a4f7b

Next