ProtoPie MCPが正式リリース

- カスタムProtoPieコンポーネントライブラリに対応：既存のコンポーネントを活用し、チームのデザインシステムに沿ったプロトタイプを作成できます。
- Element IDによる精密な編集：要素IDを指定して、プロジェクト内の特定の要素を対象に編集できます。
- AIによるコード生成機能を拡張：AIを活用したプロトタイプから実装への移行を支援します。
- React Nativeに新たに対応：対応するコード生成先が拡充されました。

従来から対応している以下のフレームワークやUI技術も引き続き利用できます。

- React
- Qt / QML
- Flutter
- SwiftUI
- Compose
- ArkTS

ProtoPie MCPのワークフロー

ProtoPieは、AIを活用した制作プロセスを 「Prompt → Prototype → Validate → Code」 という4つのステップで構成しています。AIへのプロンプト入力からプロトタイプの作成、動作検証、コードへの移行までを一連の流れとして進めることで、アイデアを実装につなげる際にも、設計意図や検証結果を引き継ぎやすくなります。

さらに、ProtoPie Connect、ユーザーテストツール、Code MCPと組み合わせることで、デザイン、検証、実装の各工程を連携させ、プロジェクト全体を通じて一貫したワークフローの構築を目指しています。

ProtoPie MCPとProtoPie AIの違い

ProtoPie MCP と ProtoPie AI は、それぞれ異なる役割を持つ機能です。

ProtoPie AIは、ProtoPieに組み込まれたAI機能群です。一方、ProtoPie MCPは、外部のAIツールとProtoPieを連携させるためのオープンな接続規格です。

ProtoPie MCPは、Claude Code、Cursor、VS Code、Codexなどの外部ツールに対応しており、チームが普段使用しているAIツールや開発ワークフローを活用しながら、プロトタイプの制作や編集を進められます。これにより、特定のAI環境に限定されず、既存の制作・開発環境に合わせた柔軟な運用が可能になります。

ProtoPie Pro Plus 映像表現をさらに高める、インタラクティブなプロトタイプを作成 映像の中に、実際の操作に反応するリアルなシーンを作成。撮影現場で使用する操作可能な小道具やユーザーインターフェース、製品などを、本物のような見た目と操作感で再現できます。 映像に登場するリアルな操作画面や、スマートフォン・スマートウォッチのアプリ、Webアプリケーション、ゲームなどが必要ですか？ ProtoPieなら、ポストプロダクションで画面をトラッキングして合成する必要はありません。撮影現場で実際に操作できる、動作するインターフェースを作成できます。 ProtoPieは、コードを書くことなく、リアルで高品質なプロトタイプを簡単に作成できるツールです。シンプルなマイクロインタラクションから、複数の画面やオブジェクト、トリガー、レスポンスを組み合わせた複雑なインタラクションまで、幅広い動作を検証できます。 アイデアを、実際に触れて、操作し、反応を確かめられるプロトタイプへ。ProtoPieは、動的かつマルチモーダルなインタラクションを実現する、高度なプロトタイピングツールです。