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 Intermediate Workshops : Microinteractions and Native Sensors

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

Abhas Sinha、 User Experience Designer @ Microsoft

What we will cover

Intermediate 1/2

ProtoPie 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.

Intermediate 2/2

ProtoPie 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.

At this workshop, we learn as below together:

  • 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

Recordings

Intermediate 1/2

[Download the Pie File]

Intermediate 2/2

[Download the Pie File]