Reference • Interaction kit for ProtoPie

A collection of interactions every designer should know.

Prototyping is a super power.

I've been incredibly lucky to work as a designer with creative teams at Disney, YouTube, and Google.

In this competitive space, designers who are able to prototype their ideas stand out from the rest. It is like having a super power for exploration and storytelling.

Prototyping is a skill that goes beyond any specific tool. But for this project, I went with ProtoPie because I consider it the most efficient tool for Product Designers who work in global teams and need to conduct both in-person and remote user research.

Take your prototyping skills to the next level.

• This is not a static UI Kit: Thanks to ProtoPie, every component included in this file is fully interactive and cross-platform.
• Get the editable file and learn by tinkering. Peek behind the curtain to check how things were made.
• Try it on web or scan the QR code to try it on your phone.

What's included

Foundations:

• Basic triggers: Tap, Double-Tap, Long-press.
• Gestures: Drag, Pinch and Zoom, Rotate.
• Scroll component.
• Page component.
• Video player.
• Lottie player.
• Gyroscope.
• Phone camera.

Pro:

• Everything in Foundations.
• Tabs.
• Input fields.
• Switch.
• Counter.
• Conditional logic.
• Sticky headers.
• Infinite carousel.
• Calculator.
• UI editor.

Both versions include a PDF guide to help you navigate the project.

For the Pro version, please check if you can expense it through your employer.
If you're in a situation in which you simply cannot afford it, please send a message to: help@reference.works