![](https://framerusercontent.com/images/upYatEi5nD6CiphJoUUsLhgOYR8.png)
プラグイン利用
プラグイン利用
プラグイン利用
いま始める
いま始める
いま始める
ProtoPieでは、簡単かつ迅速なインポートが可能です。
Figmaで作業したデザインをそのままインポートしてモーションを追加できます。
よりダイナミックなインタラクションでプロトタイプを完成させましょう!
ProtoPieでは、簡単かつ迅速なインポートが可能です。
Figmaで作業したデザインをそのままインポートしてモーションを追加できます。
よりダイナミックなインタラクションでプロトタイプを完成させましょう!
ProtoPie + Figma
ProtoPie + Figma
ProtoPie + Figma
![](https://framerusercontent.com/images/Qfo1PRaYYDYDSdj6kqqaps6bpg.png)
デスクトップブラウザでライブテスト
デスクトップブラウザでライブテスト
デスクトップブラウザでライブテスト
![](https://framerusercontent.com/images/Qfo1PRaYYDYDSdj6kqqaps6bpg.png)
iPhone, iPad, Androidでもライブテスト
iPhone, iPad, Androidでもライブテスト
iPhone, iPad, Androidでもライブテスト
![](https://framerusercontent.com/images/Qfo1PRaYYDYDSdj6kqqaps6bpg.png)
クラウドを通じたフィードバック
クラウドを通じたフィードバック
クラウドを通じたフィードバック
モバイル、タブレット、デスクトップ、どこでもプロトタイプを
テストすることでコミュニケーションが容易になります。
モバイル、タブレット、デスクトップ、どこでもプロトタイプを
テストすることでコミュニケーションが容易になります。
モバイル、タブレット、デスクトップ、
どこでもプロトタイプをテストすることで
コミュニケーションが容易になります。
テスト & コミュニケーション
テスト & コミュニケーション
テスト & コミュニケーション
単純で分かりやすい
プロトタイピング
単純で分かりやすい
プロトタイピング
![](https://framerusercontent.com/images/Qfo1PRaYYDYDSdj6kqqaps6bpg.png)
ロジック基盤のプロトタイピング
ロジック基盤のプロトタイピング
ロジック基盤のプロトタイピング
![](https://framerusercontent.com/images/Qfo1PRaYYDYDSdj6kqqaps6bpg.png)
理解が簡単な利用方法
理解が簡単な利用方法
理解が簡単な利用方法
![](https://framerusercontent.com/images/Qfo1PRaYYDYDSdj6kqqaps6bpg.png)
ノーコードプロトタイピング
ノーコードプロトタイピング
ノーコードプロトタイピング
Object + Trigger + Responseという概念さえ
あれば、どんなプロトタイピングも可能です。
簡単にプロトタイピングを始めましょう!
Object + Trigger + Responseという概念さえ
あれば、どんなプロトタイピングも可能です。
簡単にプロトタイピングを始めましょう!
分かりやすいプロトタイピング
最短で完成する
プロトタイピング
最短で完成する
プロトタイピング
プラグインを活用すれば、Figmaで作業したデザインを
ProtoPieで一瞬で取り込むことができます。
プラグインを活用すれば、Figmaで作業したデザインを
ProtoPieで一瞬で取り込むことができます。
![](https://framerusercontent.com/images/x5nawTkbWdRU219H8j6UwBEXE.png)
Figmaでフレームとオブジェクトを
選択してProtoPieに取り込みます。
1. FigmaデザインをProtoPieに
取り込みます。
モーション、スクロール等の機能を
加え、リアルなデザインを作ります。
2. デザインにモーションを加え
プロトタイプを完成します。
![](https://framerusercontent.com/images/vBtzYY3Vrlj1m74M1YZiusVX5Q8.png)
3. 好きなデバイスでデザインを
をテストします。
![](https://framerusercontent.com/images/8wbShabeAG5yscFTWUQhd9Mjqw.png)
![](https://framerusercontent.com/images/x5nawTkbWdRU219H8j6UwBEXE.png)
![](https://framerusercontent.com/images/x5nawTkbWdRU219H8j6UwBEXE.png)
Figmaでフレームとオブジェクトを
選択してProtoPieに取り込みます。
Figmaでフレームとオブジェクトを
選択してProtoPieに取り込みます。
1. FigmaデザインをProtoPieに
取り込みます。
1. FigmaデザインをProtoPieに
取り込みます。
モーション、スクロール等の機能を
加え、リアルなデザインを作ります。
モーション、スクロール等の機能を
加え、リアルなデザインを作ります。
2. デザインにモーションを加え
プロトタイプを完成します。
2. デザインにモーションを加え
プロトタイプを完成します。
![](https://framerusercontent.com/images/vBtzYY3Vrlj1m74M1YZiusVX5Q8.png)
![](https://framerusercontent.com/images/vBtzYY3Vrlj1m74M1YZiusVX5Q8.png)
デスクトップやモバイル環境で
インタラクションを確認します。
デスクトップやモバイル環境で
インタラクションを確認します。
3. 好きなデバイスでデザインを
をテストします。
![](https://framerusercontent.com/images/8wbShabeAG5yscFTWUQhd9Mjqw.png)
![](https://framerusercontent.com/images/8wbShabeAG5yscFTWUQhd9Mjqw.png)
"ProtoPieは、今まで使った中で最もパワフルなプロトタイピングツールです。
コーディングが不要で、簡単に習得できるのが大きなメリットです。ProtoPieを導入した
お陰で、チーム全体でプロトタイプをより簡単かつ迅速に完成できるようになりました。"
"ProtoPieは、今まで使った中で最もパワフルなプロトタイピングツールです。
コーディングが不要で、簡単に習得できるのが大きなメリットです。
ProtoPieを導入したお陰で、チーム全体でプロトタイプをより簡単かつ迅速に
完成できるようになりました。"
"ProtoPieは、今まで使った中で最もパワフルなプロトタイピングツールです。
コーディングが不要で、簡単に習得できるのが大きなメリットです。ProtoPieを導入した
お陰で、チーム全体でプロトタイプをより簡単かつ迅速に完成できるようになりました。"
Sebastian Gabriel, シニアデザイナー, Google
Sebastian Gabriel, シニアデザイナー, Google
世界的なデザインチームも活用する
プロトタイピングツール ProtoPie
世界的なデザインチームも活用する
プロトタイピングツール ProtoPie
世界的なデザインチームも活用する
プロトタイピングツール ProtoPie
![](https://framerusercontent.com/images/uYP9wbebel2gg0UkGZp5bz4eF8.png)
![](https://framerusercontent.com/images/EIuZQ2uiFK97H2HJubqhFOtdhk.png)
![](https://framerusercontent.com/images/HQ0wg96C2klhek7dE4Qhg4Qpmg.png)
![](https://framerusercontent.com/images/HQ0wg96C2klhek7dE4Qhg4Qpmg.png)
![](https://framerusercontent.com/images/aZO3HArr9Tz1OHZdxvrcmOuoFY.png)
© 2023 Studio XID. All rights reserved.
© 2023 Studio XID. All rights reserved.
![](https://framerusercontent.com/images/upYatEi5nD6CiphJoUUsLhgOYR8.png)
簡単かつ迅速なプロトタイプ
いま作りましょう!
簡単かつ迅速なプロトタイプ
いま作りましょう!
いま始める
いま始める
いま始める
プラグイン利用
プラグイン利用
プラグイン利用
ProtoPieでは、モーション、センサー、スクロールまで
様々な機能を追加することができます。今すぐあなたの
Figmaデザインをリアルに動くようにしましょう。
ProtoPieでは、モーション、センサー、スクロールまで
様々な機能を追加することができます。今すぐあなたの
Figmaデザインをリアルに動くようにしましょう。
ProtoPieでは、モーション、センサー、スクロールまで
様々な機能を追加することができます。今すぐあなたの
Figmaデザインをリアルに動くようにしましょう。
![](https://framerusercontent.com/images/7HPMJFgr6X9DXHsSPpVrhPAABgo.png?scale-down-to=1024)
![](https://framerusercontent.com/images/7HPMJFgr6X9DXHsSPpVrhPAABgo.png?scale-down-to=1024)
![](https://framerusercontent.com/images/7HPMJFgr6X9DXHsSPpVrhPAABgo.png?scale-down-to=1024)
© 2023 Studio XID. All rights reserved.
Address : ProtoPie Building, 37-6, Hoenamu-ro 13ga-gil, Yongsan-gu, Seoul 04344, Republic of Korea
CEO : Tony Kim
© 2023 Studio XID.
© 2023 Studio XID.