Variables Examples

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

Akis Ioannou

IMDb Redesign

9,566
2
300
Hey guys! I'm back with an amazing prototype for you guys. This has been my longest and quite a challenging redesign project for IMDb whose prototype is pretty awesome and contains lots of stuff like Nested Containers, a bit of animation, some really beautiful visual elements and interactivity for you to explore! I had so much fun making it with Proto.io and I truly hope you guys love it and would love to know your views and suggestions on how can I improve it :) Cheers! Aman

fda4c75e-504c-11ed 9221-0e76797a4f7b

Drag and Drop Variables

4,675
9
216
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Constantinos Thoma

To Do

3,830
0
59
Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Landing Page

1,967
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

IFTTT

16,099
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Menu Overlay Animation - Google Calendar for iOS

6,544
0
167
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

Animal species

4,758
2
138
I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

Christos Chatzikkos

auto-complete search

4,433
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

Next