Swarm Check-in

17,977
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Pro Tips & Tricks

4,187
0
39
Here is the set of prototypes from the Pro Tips and Tricks webinar: 1) Propagate Events to Items Below 2) Containers as Symbols 3) Conditional Animation 4) Screen Interaction 5) Sketches into Prototype Here is the video of the webinar: http://docs.proto.io/videos/pro-tips-tricks/ The video is broken down with time-codes on Vimeo here: https://vimeo.com/103316955 (under read more) They are also below. Enjoy... > Create popover menu with click through to icon below 4:08 > Propagate all events to the item below 4:08 > Using containers as symbols for efficiency (navigation assets etc.) 11:59 > Customizing a navbar component 14:55 > Customize a tabbar component 16:48 > Convert navbar to a container to repeat (as symbol) 19:10 > Convert tabbar to a container to repeat (as symbol) 19:43 > Convert text box to a container to repeat (as symbol) 19:49 > Using a container to create change font style for repeated Titles and labels. 21:55 > Conditional animations triggered by drag gesture using variables (mailbox swipe). 23:04 > Adding containers to canvas 24:44 > Using the draggable gesture 25:25 > Variable Manager 26:00 > Using onDrag variable to change an objects opacity 26:38 > Range of property values that can be changed based on a drag gesture 27:45 > Capturing the X position from dragging an object using a variable 27:57 > Creating a new value if/then argument using shorthand javascript to change opacity using a variable. 29:00 > Creating a callback to the change a property that reads from a variable. 29:52 > Using the onDragEnd gesture 30:33 > Change the Left property using a variable triggered by onDragEnd 30:49 > See range of properties that can be changed from onDragEnd gesture. 31:04 > Using On Screen Show Interaction for creating an automatically cycling carousel. 35:25 > Importing paper sketches (photos of them) to use as background for layering assets and interactions. 40:28 > Toggling between a sketch and your higher fidelity mockup using states. 44:25 > Duplicating interactions between states 45:18

Todd Siegel

Pepper

2,755
1
27
Meet your virtual personal assistant to go out A virtual personal assistant that connects users social profiles to the best coupon offers at restaurants. Save Money: Get top matching coupons nearby Save Time: Sit back and let "Out" do the search for you Connect with Friends: Get notified about nearby friends to eat out

714a4137-3c41-11ef ab6d-0e76797a4f7b

My Music App

3,227
0
My Music App lets you listen to your favourite music and add / edit song lyrics to share with the world!

33115daa-ab16-11ef a04a-0e3ec7c5f8cf

Movies & Series

3,894
1
Movies & Series App project Design Credits: https://www.sketchappsources.com/free-source/2896-sample-iphone-x-movies-app-sketch-freebie-resource.html

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

Laundry App

2,147
0
10
I used part of the "Laundry App UI Kit Sketch Resource" design that was designed by Satheesh Kumar at: https://www.sketchappsources.com/free-source/3397-laundry-app-ui-kit-sketch-freebie-resource.html to create a quick prototype

469c1b7e-504e-11ed 9221-0e76797a4f7b

Dice

930
0
4
An example project on how to create randomise dice using variables along with containers and states to recreate various dice. Use the + / - icons to add more of each dice. Includes all variations of basic polyhedral dice for use.

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

Next