Flinto、Haiku、Origami: インタラクティブなプロトタイピングのギャップとそれを埋めるもの
Flinto と Origami は Mac 専用で、Haiku Animator のコードは GitHub にあり、InVision は消えています。インタラクティブ プロトタイピング ツールに何が起こったのか、そして今何がそれに取って代わるのか。
核心
Flinto、Principle、Origami Studio などのインタラクティブ プロトタイピング ツールの世代は Mac 専用で、Haiku Animator は現在 GitHub 上のプロジェクトとして存続し、InVision は 2024 年末に閉鎖されます。製品に同梱されるクロスプラットフォーム ツールやモーションを必要とするチームは、プロトタイプ用のブラウザ ベースの設計ツールや、Rive などのランタイム ベースのツールに移行しました。演出モーションはExodeUI。
古典的なツールが置かれている場所
これらのツールはそれぞれ、インタラクティブなプロトタイピングの一部をうまく解決しました。現在の彼らの限界は主にプラットフォームとハンドオフです。
- Origami Studio: 無料、Meta 製、Mac で利用可能。強力なパッチベースのロジック。
- Flinto: 14 日間の無料試用版がある Mac アプリ。素早いトランジションとジェスチャー。
- Principle: Mac アプリ。素早いタイムラインスタイルのインタラクション。
- Haiku Animator: Lottie アニメーションとインタラクティブ Web コンポーネント用のデザイン ツール。現在 GitHub で公開されています。
- InVision: デザイン コラボレーション サービスは 2024 年 12 月 31 日に終了しました。
彼らが残すギャップ
Windows と Linux のデザイナー、インタラクションを再構築するのではなく出荷したいチーム、AI コーディング ツールでインタラクション ファイルを読み取って編集できるようにしたいチームという 3 つのニーズは、クラシック セットでは十分に満たされません。ブラウザベースのツールは最初の解決策です。ランタイムベースのツールとオープン ファイル形式は、他の 2 つを解決します。
今それを満たしているものは何ですか
プロトタイプの場合、Figma と Penpot はブラウザーのほとんどのニーズをカバーし、複雑なセンサーとロジックのプロトタイプには ProtoPie が引き続き選択肢となります。私たちが作成した Rive と ExodeUI を出荷するインタラクションでは、ランタイムを通じてアプリ内で実行されるファイル内に状態とロジックを作成します。 ExodeUI には MCP サーバーもあるので、Claude Code と Cursor はそれらのファイルを編集できます。
切り替えたほうがいいでしょうか?
Origami、Flinto または Principle がまだチームで機能し、出力がプロトタイプである場合、緊急に移行する理由はありません。 Windows または Linux デザイナーを追加するとき、コードでのプロトタイプの再構築がボトルネックになるとき、またはツールのメンテナンスが停止するときは、切り替えてください。
覚えておきたい原則
- Origami Studio、Flinto、Principle は Mac アプリです
- Haiku Animator は現在 GitHub で公開されています。 InVision は 2024 年末に閉鎖
- ブラウザツールはクロスプラットフォームのプロトタイピングをカバーします
- ランタイムベースのツールにより、インタラクションを再構築する代わりに出荷できるようになります
- プラットフォーム、ハンドオフ、またはメンテナンスによって強制的に切り替えられる場合
よくある質問
出典
- Origami Studio documentation — メタ (origami.design)
- Flinto for Mac — Flinto
- Haiku Animator — GitHub
- InVision, a UX trailblazer, is shutting down in the era of Figma — ファストカンパニー