Designers and engineers are still addressing the following issues in their day-to-day work:

Difficulty of communicating interactions.

Challenges in creating the final product code just “looking” at prototypes or the interactions created.

Code export as handoff is often not good enough

To solve these problems, high-fidelity prototyping tool 

 introduced interaction recordings as part of its last update (ProtoPie 5.0).

In this workshop, ProtoPie teacher Leah shows you how to use interaction recordings. Leah goes over how to generate interaction specs with ProtoPie's 

 and other ProtoPie features you can use to improve collaboration between designers and developers.

The designer or PM who is tired of writing interaction specs.

The developer who is looking for a better way to collaborate with designers for interaction design.

Watch until the end for the Q&A session where ProtoPie answer some great questions that users had.

Learn how to use interaction recordings with ProtoPie

Learn other features that can also help designer-developer collaboration

Interaction Recordings, it's so much more than a handoff. How does interaction recordings work? How does it save designers and developers time? Watch the workshop to learn it all.

Make Interaction Recordings for Developers

We just released ProtoPie 5.5 to bridge the gap with your favorite design tools while increasing expressiveness. A lot of the features were requested by users, especially ProtoPioneers—our loyal group of active users using ProtoPie day in, day out to face the most exciting prototyping challenges.

How we pick features to make a better ProtoPie

Check out the demo and step-by-step tutorial from the launch event below to see our new features in action!

Anyone interested in how we make a better ProtoPie for you.

Anyone who's curious about how we deal with your feature requests.

Anyone who wants to see the new ProtoPie features in action.

Anyone, already using formulas & variables, who wants to learn how to make a media player prototype

Thank you for watching! If you missed the event, join our 

 this August to learn more awesome stuff like this.

We will introduce our latest and upcoming features. Also, we'll talk about how we make a better ProtoPie for all of you.

Bridging the Gap: ProtoPie 5.5 x Your Design Tools

This beginner's workshop teaches UI/UX designers who are new to ProtoPie and how to use ProtoPie from the very beginning. After watching this workshop, users should be able to make their own interactions!

In the beginner workshop, we introduce ProtoPie in 3 parts.

This workshop is for those who just started using ProtoPie and want to know how ProtoPie fits into their design workflow.

ProtoPie Beginner Workshops : Understanding the Conceptual Model

 not only allows for click-through but also lets you fine-tune details to make micro-interactions.

At this workshop, we learn as below together:

How to use the "Jump" trigger to make page transition

Understand the concept of container layer 

Make paging and scroll interactions using container layer

Distinguish the difference between "Fling", "Pull" and "Drag" by making "Slide a menu bar" interaction.

 is different from other tools in that it can easily utilize sensors to make a prototype, all without any coding knowledge. In this workshop, we learn how to make sensor interactions through ProtoPie.

Native Camera: Use the "camera layer" to simulate the taking picture

Typing interaction: Use the "input layer" to evoke native keyboard

Voice interactions: Use speech-to-text and text-to-speech to make a voice assistant

Learn how to make micro-interactions and use native sensors with ProtoPie.

ProtoPie Intermediate Workshops : Microinteractions and Native Sensors

Logic plays a key role in creating more advanced high-fidelity prototypes!

In this workshop, you can learn how to create the following interactions using conditional logic:

Password reset (prototype a password reset with "Conditions")

Image slideshow (use "Chain" to navigate the slideshow though dots indicators)

Scroll-based video player (use "Range" to play videos on scroll)

's most powerful features, but also the most difficult ones to master. This is especially true if you need to combine them with Components to create very advanced interactions.

In this workshop, we first introduce each of them separately. Then we combine them to create the following interactions:

Camera focus (create a camera focus prototype using "Formulas")

Rename (store a text value and send it to another scene using "Variables")

IoT home (combine “Components”, "Formulas", "Variables" and "Send/Receive" to create a cross-platform prototype)

Learn how to make conditional interactions and how to use variables and formulas with ProtoPie.

ProtoPie Advanced Workshops : Conditional Interactions using Formula

We're incredibly excited to introduce you to the new ProtoPie plugin for Figma. In this event, we take you on our journey of revamping the Figma import experience—completely from scratch, with your user feedback. Watch and discover why the new import experience will boost your productivity.

With the new ProtoPie plugin for Figma, you have lightning speed and flexibility at your fingertips. Import your designs from Figma into ProtoPie, all done locally–without any latency.

Control what you import. Import top-level frames as scenes, and objects with the same layer hierarchy, positioning, and constraints as in Figma.

David Lee, Head of Product Design at ProtoPie

Involved in revamping the Figma import experience, from A to Z.

How does the ProtoPie plugin for Figma work?

Want more details about this feature? Check 

Watch our event where our Head of Product Design, David Lee shared about the journey of how we revamped the Figma import experience.

Revamping the Figma Import

Since ProtoPie's official version release, there are over 100 countries' designers and developers using ProtoPie for their personal or company projects.

For this workshop, ProtoPie's official teacher, Leah, answers the following questions:

What kind of features ProtoPie provides to collaborate, and how to use them?

How safe and convenient to share my prototypes

How to deliver prototypes with developers

Anyone who needs to find a tool to improve the level of design expression

Design team leaders who established a new design process and culture

Product team members in the automotive/IoT industry

Below are other "Onboard Your Team" workshops that you may have attended:

[America] 2020 Oct 12th 5 PM PST | Onboard Your Team to ProtoPie

[Europe] 2020 Oct 14th 12 PM CEST | Onboard Your Team to ProtoPie

[Asia] 2020 Oct 15th 5 PM KST | Onboard Your Team to ProtoPie

This workshop is for the design team who just started using ProtoPie and need to know which ProtoPie's features can support the team.

Onboard Your Team to ProtoPie

ProtoPie recently released its latest version—5.1. With it comes the following features:

: enables you to create realistic voice interactions based on either reading the text you input or by responding to incoming speech

Multi-line text input: allows you to type multi-line contents into a singular input layer

Resize text layers automatically: this feature auto sizes to fit the content in the text layer

Additional minor but awesome updated functions

Density adjustment when pasting SVG layers

For this workshop, Leah, our ProtoPie teacher introduces and teaches how to use all of the above-mentioned features.

All designers regardless of their level of ProtoPie usage

Anyone interested in voice interactions (Automotive, IoT, etc)

Give your interactions a voice with ProtoPie 5.1 and its voice prototyping capabilities. Watch our workshop to learn how & more about 5.1!

ProtoPie 5.1: Voice Prototyping & More

Is your design system a static one? Build on top of this and make your own interaction design system with ProtoPie's interaction libraries.

Digital products have become more dynamic and complex than ever, eliminating the boundaries of software and hardware.

For designers, keeping interactions consistent is a big challenge.

That's why the design teams of Google and Apple put in a lot of effort to include interaction guides into their design systems.

To empower teams to make their own interaction design systems, high-fidelity prototyping tool 

 added interaction libraries as part of its last update (ProtoPie 5.0).

With this, designers no longer have to remake interactions all the time or find components stored across different files.

In this workshop, ProtoPie teacher Leah teaches you how to build interaction libraries with ProtoPie.

The team that will be building interaction libraries.

A person who is interested in the design system.

Anyone can join regardless of their usage of ProtoPie!

Watch until the end to hear some of the burning questions users had during the Q&A session.

Learn how to build interaction libraries with ProtoPie

Learn how to make prototypes using interaction libraries

Learn how to use interaction libraries to empower your teams to make their own interaction design systems.

Get Started with Interaction Libraries

During the ProtoPie 5.0 Launch Event, Tony Kim (CEO & Co-founder) along with Sarah Lim (Lead Product Designer) & Fredo Tan (Head of Customer Success & Onboarding), shared not only insights about our two newest amazing features–Interaction recordings & interaction libraries, but also dived into ProtoPie's vision and the future beyond ProtoPie 5.0.

No more working overtime to make handoff or spec documents to explain interactions. Just build prototypes, make an 

, and share with your engineers. Leave ProtoPie to do the rest.

You probably have a design system, a static one. With ProtoPie’s 

, you can build on top of this and create your own interaction design system. Standardize your interactions and speed up your prototyping across the board.

Leaders looking to increase team efficiency and address pain points.

Designers who want to design better with less effort (think no overtime on interaction specs).

Engineers who have a hard time working with prototypes passed on from designers.

ProtoPie Lovers, Pioneers, and soon to be fans.

Watch until the end to hear what their takes were on some of the burning questions users had during the Q&A session.

Beyond ProtoPie 5.0, the future of ProtoPie

Online Workshop