プラグイン利用
プラグイン利用
プラグイン利用
いま始める
いま始める
いま始める
ProtoPieでは、簡単かつ迅速なインポートが可能です。
AdobeXDで作業したデザインをそのままインポートしてモーションを追加することができます。
よりダイナミックなインタラクションでプロトタイプを完成させましょう!
ProtoPieでは、簡単かつ迅速なインポートが可能です。
AdobeXDで作業したデザインをそのままインポートしてモーションを追加することができます。
よりダイナミックなインタラクションでプロトタイプを完成させましょう!
ProtoPie + AdobeXD
ProtoPie + AdobeXD
ProtoPie + AdobeXD
ProtoPieでは、簡単かつ迅速なインポートが可能です。
作業したデザインをインポートしてモーションを追加できます。
よりダイナミックなプロトタイプを完成させましょう!
![](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という概念さえ
あれば、どんなプロトタイピングも可能です。
簡単にプロトタイピングを始めましょう!
Object + Trigger + Responseという概念さえ
あれば、どんなプロトタイピングも可能です。
簡単にプロトタイピングを始めましょう!
最短で完成する
プロトタイピング
最短で完成する
プロトタイピング
最短で完成する
プロトタイピング
プラグインを活用すれば、AdobeXDで作業したデザインを
ProtoPieで一瞬で取り込むことができます。
プラグインを活用すれば、AdobeXDで作業したデザインを
ProtoPieで一瞬で取り込むことができます。
![](https://framerusercontent.com/images/k1xnN77PdGCGgtmEnLYlAVdpmc.png)
Adobeでフレームとオブジェクトを
選択してProtoPieに取り込みます。
1. AdobeデザインをProtoPieに
取り込みます。
モーション、スクロール等の機能を
加え、リアルなデザインを作ります。
2. デザインにモーションを加え
プロトタイプを完成します。
![](https://framerusercontent.com/images/fQkAWEfn3TwzOBBHdxuXe93zIQ.png)
デスクトップやモバイル環境で
インタラクションを確認します。
3. 好きなデバイスでデザインを
をテストします。
![](https://framerusercontent.com/images/5xfCSrGNJGyxxY2WnBfOOyOycA.png)
![](https://framerusercontent.com/images/k1xnN77PdGCGgtmEnLYlAVdpmc.png)
![](https://framerusercontent.com/images/k1xnN77PdGCGgtmEnLYlAVdpmc.png)
Adobeでフレームとオブジェクトを
選択してProtoPieに取り込みます。
Adobeでフレームとオブジェクトを
選択してProtoPieに取り込みます。
1. AdobeデザインをProtoPieに
取り込みます。
1. AdobeデザインをProtoPieに
取り込みます。
モーション、スクロール等の機能を
加え、リアルなデザインを作ります。
モーション、スクロール等の機能を
加え、リアルなデザインを作ります。
2. デザインにモーションを加え
プロトタイプを完成します。
2. デザインにモーションを加え
プロトタイプを完成します。
![](https://framerusercontent.com/images/fQkAWEfn3TwzOBBHdxuXe93zIQ.png)
![](https://framerusercontent.com/images/fQkAWEfn3TwzOBBHdxuXe93zIQ.png)
デスクトップやモバイル環境で
インタラクションを確認します。
デスクトップやモバイル環境で
インタラクションを確認します。
3. 好きなデバイスでデザインを
をテストします。
3. 好きなデバイスでデザインを
をテストします。
![](https://framerusercontent.com/images/5xfCSrGNJGyxxY2WnBfOOyOycA.png)
![](https://framerusercontent.com/images/5xfCSrGNJGyxxY2WnBfOOyOycA.png)
"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.
簡単かつ迅速なプロトタイプ
いま作りましょう!
簡単かつ迅速なプロトタイプ
いま作りましょう!
簡単かつ迅速なプロトタイプ
いま作りましょう!
いま始める
いま始める
いま始める
プラグイン利用
プラグイン利用
プラグイン利用
ProtoPieでは、モーション、センサー、スクロールまで
様々な機能を追加することができます。今すぐあなたの
Adobe XDデザインをリアルに動くようにしましょう。
ProtoPieでは、モーション、センサー、スクロールまで
様々な機能を追加することができます。今すぐあなたの
Adobe XDデザインをリアルに動くようにしましょう。
ProtoPieでは、モーション、センサー、スクロールまで
様々な機能を追加することができます。今すぐあなたの
Adobe XDデザインをリアルに動くようにしましょう。
![](https://framerusercontent.com/images/ZQLPJdgStNv5xD5UIkPZdIIMmS8.png)
![](https://framerusercontent.com/images/ZQLPJdgStNv5xD5UIkPZdIIMmS8.png)
![](https://framerusercontent.com/images/ZQLPJdgStNv5xD5UIkPZdIIMmS8.png)
© 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.