activate interactions based on specific conditions; for example, when a prototype is run, a certain string of text is received or a layer is moved to a specific location. In ProtoPie, conditions activate responses based on the following requirements: chain, range, start, and detect. This Ask ProtoPie session focuses on how to use conditions to create logic-empowered animations in 

Demo 1: How to animate Toggle Button States with Conditions in ProtoPie

Demo 2: How to animate a Field Validation with Conditions in ProtoPie

Demo 3: How to pause and resume Videos with Variables and Conditions in ProtoPie

ProtoPie School: ProtoPie’s free learning content designed to help you build your prototyping expertise. 

ProtoPie Expert Jeff Clarke shares best practices on how to use conditions and create logic-empowered animations in ProtoPie

[Ask ProtoPie] How to Use Conditions In ProtoPie

 in ProtoPie. Create interactions in a money transfer app and learn the best tips & tricks for manipulating information to supercharge your prototypes!

At the end of the Money transfer app tutorial, you’ll be able to make something like this.

ProtoPie Expert Jeff Clarke shares his best practices on using formulas in ProtoPie.

[Ask ProtoPie] How to Use Formulas In ProtoPie

In this Ask ProtoPie session Abhas Sinha, Senior Designer at Microsoft and ProtoPie Expert, guides us through one of ProtoPie's most popular and powerful features, 

, see how easily you can create dynamic interactions for your prototypes.

Basic and advanced applications of variables

You can watch the full recording below. Enjoy!

ProtoPie expert Abhas Sinha shares his best practices on using variables in ProtoPie.

[Ask ProtoPie] How to Use Variables In ProtoPie

This session dives into how to master communication between 

Components - Prototype within a prototype

ProtoPie's messaging system - Send response & Receive trigger

In this ProtoPie tutorial, you’ll be able to make something like this.

Intro to ProtoPie Connect 1 of 7: Use Send and Receive to Make Multiple Pies Talk in Studio

This session dives into how to master communication between Components and Scenes in ProtoPie.

[Ask ProtoPie] How to Use Components in ProtoPie

With the ProtoPie plugin for Figma, you have lightning speed and flexibility at your fingertips. Downloading the 

In this Ask ProtoPie session ProtoPie Ambassador Darren Bennett shares best practices on how you should use Figma & 

Organizing scenes & container groups for ProtoPie Figma import

SkeletonUI - The first interaction library created in ProtoPie

In this Ask ProtoPie session ProtoPie Ambassador Darren Bennett shares best practices on how you should use Figma & ProtoPie together.

[Ask ProtoPie] How to Use Figma & ProtoPie Together

 is a high-fidelity prototyping tool that helps teams turning innovative UI/UX design ideas into highly interactive prototypes - all code free.

In our last webinar of 2022 we had Punchcut, a futurist agency that has been transforming products and companies for a connected tomorrow since 2002.

Punchcut has worked with many of the world’s top companies, including Samsung, LG, Disney, Ford, and Google. Together, they have been able to design transformative product experiences across smart home IoT, autonomous mobility, health/wellness wearables and immersive XR media.

This webinar included the presentation of the Punchcut team and the Q&A session held afterwards.

Ask ProtoPie : How to use Formulas in ProtoPie

We will also be holding the last Ask ProtoPie session of this year. Don’t miss this session if you want to truly unleash the power of 

 in ProtoPie. We'll dive into how to use Formulas to create the most advanced and realistic interactions in ProtoPie!

Ask any questions, and our ProtoPie expert Jeffrey Clarke will answer them live. 

Find out how the Punchcut team uses prototyping and ProtoPie to assist in ideation, enhance their storytelling, and realize visions for their clients.

[Webinar] Prototyping the Connected Future with Punchcut

Prototyping has an essential and unique role in the innovation process. To put it simply, prototyping serves as the glue between concepts and user-focused solutions.

 is a true creativity booster, helping designers effortlessly turn innovative design ideas into high-quality, ultra-realistic prototypes.

In our webinar Prototyping, the Driver Behind Innovation, we dive deep into the minds of design leaders at Flipkart and Picsart to discover how they use high-fidelity prototyping to be at the forefront of innovation.

Part 1. How Flipkart uses ProtoPie to design tomorrow’s online shopping experience

Product Design Lead Prateek Gupta reveals how the design team at Flipkart uses ProtoPie to create today and tomorrow’s online shopping experiences.

Part 2. How Picsart designers free their ideas with ProtoPie

Senior Product Designer Lilit Mkrtchyan and Product Designer Roupen Babian discuss how ProtoPie fuels the creativity of designers at Picsart.

Ask ProtoPie: How to Use Components in ProtoPie

We'll dive into how to master communication between 

 in ProtoPie. Ask any questions, and our ProtoPie expert Jeffrey Clarke will answer them live. November 2, at 5 PM PST. 

ProtoPie Webinar: Prototyping the Connected Future: An Agency’s Perspective

Learn more about how Punchcut is able to transform products and companies by high-fidelity prototyping the connected future. November 17, at 5 PM PST. 

Discover how e-commerce leader Flipkart & photo editing platform Picsart use high-fidelity prototyping to be at the forefront of innovation.

[Webinar] Prototyping, the Driver Behind Innovation

 helps designers effortlessly turn interaction design ideas into high-quality, ultra-realistic prototypes.

Creating realistic, high-fidelity prototypes with ProtoPie often involves 

. With these two powerful features, it’s fairly easy to turn simple click-throughs into a fully-fledged prototype that works like the end product.

, on-demand & multi-service platform in Southeast Asia, and ProtoPie Ambassador 

 have been able to take their high-fidelity prototyping to the next level with ProtoPie’s conditions & variables.

Part 1. Building interaction design systems with conditions & variables, by Gojek

Product Designer Riyadhi Rachman and Interaction Designer Luthfi Eryando from Gojek reveal how they build interaction design systems using ProtoPie’s conditions & variables.

Part 2. Using ProtoPie’s conditions & variables in interaction libraries, by Darren Bennett

ProtoPie Ambassador and Trainer Darren Bennett shares his tips on how to use conditions and variables in interaction libraries and how they connect to interaction design systems.

ProtoPie Webinar: Prototyping, the Driver Behind Innovation

Discover how e-commerce leader Flipkart & photo editing platform Picsart use high-fidelity prototyping to be at the forefront of innovation. 

The Interaction Design team at Gojek and ProtoPie Ambassador Darren Bennett reveal how they take their high-fidelity prototyping to the next level with ProtoPie’s conditions & variables.

[Webinar] Advanced Prototyping with Conditions & Variables

 is a rapid prototyping tool for turning complex UI/UX design ideas into highly interactive, high-fidelity prototypes. ProtoPie is entirely code-free and runs on macOS and Windows.

Check out our latest webinar to learn how ProtoPie ticks off all the boxes, starting from production innovation to motion design, all the way to high-fidelity prototyping and user research.

To make things easier for you, we divided the webinar recording into two parts, each including a Q&A session at the end. If you want to watch the full recording, click 

Part 1. Using ProtoPie for product innovation & motion design, with Mia Vidamour

Motion Designer Mia Vidamour shares how the design team at 

 uses ProtoPie for product innovation, motion design, and animation integration with 

Using ProtoPie for high-fidelity prototyping & user research, with Jon Bernbach

Product Designer Jon Bernbach reveals how design teams at 

 use ProtoPie for high-fidelity prototyping, and how they empower user researchers with their prototypes.

, on-demand & multi-service platform in Southeast Asia, and ProtoPie Ambassador Darren Bennett have been able to take their high-fidelity prototyping to the next level with ProtoPie’s conditions & variables. 

For the remainder of 2022, we are organizing a bunch of live evens with different topics for the design community. Find a webinar or Ask Us Anything session that speaks to you, and save your seat here: 

In this webinar, Jon Bernbach, Product Designer at Meta, and Mia Vidamour, Motion Designer at Warner Bros. Discovery discuss how they use ProtoPie for high-fidelity prototyping.

[Webinar] How Meta & Warner Bros. Discovery Use ProtoPie

Check out our latest webinar to learn what makes ProtoPie the perfect tool for software and hardware integrations for a wide range of digital prototyping needs and industries.

To make things easier for you, we divided the webinar recording into two parts, each including a live Q&A session at the end. If you want to watch the full recording, click 

Part 1. Prototyping for the connected future, by blokdots

 team shares their tips and tricks on how to make stunning hardware & software-integrated prototypes without a single line of code with ProtoPie and blokdots.

 about the blokdots-ProtoPie integration.

Part 2. Using ProtoPie to design tomorrow’s eco-friendly vehicles, by Arrival

Discover how ProtoPie helps British electric vehicle manufacturer 

 develop zero-emission solutions for cities.

Join our upcoming webinar and learn how design teams at 

 use ProtoPie in their workflow. September 29, 9 AM EST. 

In this webinar the design team at Arrival shows how they create eco-friendly vehicles using ProtoPie. The blokdots team demonstrates how to make code-free hardware & software prototypes with ProtoPie and blokdots.

[Webinar] The Future of Prototyping II with Arrival & blokdots

Watch our latest webinar to learn what makes ProtoPie the perfect tool for software hardware integration for a wide range of digital prototyping needs, such as mobile, desktop, web, and IoT.

 consists of and how designers bring their ideas to life with ProtoPie.

A sneak peek into ProtoPie’s product and strategy roadmap.

How to create realistic multi-screen automotive experiences with 

How to create a cross device interaction with ProtoPie Connect and 

Learn how ProtoPie empowers you to fully embrace the connected future by allowing you to seamlessly integrate software and hardware in your prototyping experience.

[Webinar] The Future of Prototyping I | ProtoPie Connect Live Demo

Learn from CEO and co-founder Tony Kim, how ProtoPie Industry Solutions can establish your own vertical-focused software-hardware prototyping workflow. Hence, you can move faster and truly focus on innovation.

What are ProtoPie and ProtoPie Industry Solutions?

How ProtoPie Solutions can benefit your company & industry

Q&A with senior UX designers from BMW Group & icon incar

Designers/engineers/product managers who are looking for the easiest way to connect/test/validate prototypes with hardware.

Designers/engineers/product managers who want to shorten the iteration process and the development cycle significantly.

Anyone interested to learn how their workflows can be improved with ProtoPie.

Discover ProtoPie's Industry Solutions for quick & easy software-hardware prototyping.

[Webinar] Secrets to Software & Hardware Integrated Prototyping

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 wants 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

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

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.

Online Workshop