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

分で読める

Get Started with Interaction Libraries

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

Leah Han、 Head of China Business
connect ai agents like claude, cursor and more to protopie via mcp

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


Interaction Library


Interaction Library

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

Who should watch

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

Content

  • Intro

  • Learn how to build interaction libraries with ProtoPie

  • Learn how to make prototypes using interaction libraries

  • Q&A