This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

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/

This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen

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.

Los celíacos son intolerantes a los productos alimentarios que contienen gluten, y consumirlo aunque sea en pequeñas cantidades les reporta malestar y dolor. Pero es difícil no consumirlo porque está presente prácticamente en todos los productos elaborados, en supermercados y en restaurantes. Los intolerantes y/o alérgicos alimentarios se sienten a menudo estigmatizados en el ámbito social. Es cierto que cada vez hay más información al respecto y muchos locales de restauración, proveedores y comerciantes tienen más conciencia de la importancia de este tema. Aún así, es bastante difícil poder llevar una vida social “normal”, o al menos equiparable a la de una persona sin intolerancias o alergias alimentarias. Para poder convivir con la celiaquía, se debe seguir una dieta sin gluten de por vida. Conocer sus pautas e implementarlas lleva un proceso de adaptación en el que no siempre es fácil o rápido el acceso a información fiable. Además, la dieta sin gluten a menudo implica comida más insulsa, complicada de elaborar y mucho más cara que los productos de consumo estándares. En la investigación de este proyecto, se apreció la necesidad de una plataforma que recogiera recetas de cocina sencillas, sanas, basadas en productos naturales que no impliquen un gasto extraordinario, apetitosas y adaptadas a personas con intolerancias y/o alergias alimentarias. Así es como nació SINMIGAS. SINMIGAS es una aplicación creada para ayudar a las personas con alguna intolerancia y/o alergia alimentaria a desestigmatizar su dieta y equipararla a la de una persona sin intolerancias. La aplicación contiene una recopilación de recetas de cocina para todo tipo de consumidores y que aporta dos novedades importantes respecto al resto de aplicaciones. Por un lado, permite filtrar las recetas por alérgenos que no quieres que estén presentes en tu plato. Por otro lado, también se puede filtrar por vitaminas o minerales que quieres que estén presentes, debido a la falta de éstas en las restrictivas dietas. EL proyecto SINMIGAS es en sí una herramienta de uso diario y una campaña de concienciación, que busca dar a conocer el problema de los alérgicos o pacientes con intolerancias alimentarias mediante una propuesta en la que integra, de forma equitativa, tanto a afectados como a no afectados por estas patologías. Alergias alimentarias, intolerancias alimentarias, gluten, concienciación, diseño audiovisual, app, UX, UI.

Using variables on a slider to control the Brightness and Hue of a light bulb

The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

An endangered species is a type of organism that is threatened by extinction. Species become endangered for two main reasons: loss of habitat and loss of genetic variation.