INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Online Workshop

2

分で読める

ProtoPie Advanced Workshops : Conditional Interactions using Formula

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

Jeff Clarke、 UX Designer & ProtoPie Educator

What we will cover

Advanced 1/2

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)

Advanced 2/2

Variables and formulas have always been ProtoPie'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)

Recordings

Advanced 1/2

[Download the Pie file]

Advanced 2/2

[Download 'Receive' Pie File] [Download 'Send' Pie File]