INVISIONの代替ツール

プロトタイプもデザインレビューも、次へ進める

PixsoでUIを作り、クリックできるプロトタイプをつなぎ、キャンバス上で変更点を話し合えます。保管してある元デザインからでも、新しいアイデアからでも、チームで制作を続ける場所になります。

ブラウザで、デザイン、プロトタイプ、レビューを一緒に。

UIの横にコメントを表示したPixsoのBooksyアプリのプロトタイププレビュー
画面の流れとUIの調整を、同じワークスペースで進められます。

クリックして試せる画面遷移

画面をつなぎ、操作を設定し、チームが体験できるプロトタイプを共有できます。

デザインのそばにフィードバック

確認が必要な画面や細部のそばに、コメントを残せます。

レビューから実装へ

編集可能なUI、再利用するコンポーネント、開発用の詳細情報をひとつの場所で扱えます。

必要な仕事を、これからも

InVisionで行っていた作業を、Pixsoで続ける

これからも必要な作業を基準に、代替ツールを選べます。PixsoはUI編集、プロトタイプ、フィードバック、開発連携をつなぎます。制作の土台になるのは保管済みの元ファイルや判断の記録であり、旧クラウドリンクは移行用のファイル形式ではありません。

以前のInVisionでの作業、Pixsoの機能、引き継ぐプロジェクト資料
これまでの作業Pixso引き継ぐもの
Prototype:画面をつなぐフレームやレイヤーをつなぎ、操作を設定して、再生できるプロトタイプを共有できます。保存済みの元デザインや画面素材を使い、必要なナビゲーションや操作を作り直します。
デザインレビュー:変更を話し合うUIにコメントし、メンバーに返信し、対応したやり取りを解決済みにできます。役立つ意見や決定事項を保管してください。旧InVisionのコメントやアクセス権限は自動では移行されません。
Studio:UIを編集する文字、ベクターツール、コンポーネント、オートレイアウトでUIを作成・編集できます。対応する元デザインや書き出し済みの素材を使います。Pixsoに.studioを直接取り込むことはできません。
DSM:デザイン基準を共有するコンポーネントやスタイルを共有ライブラリに公開し、チームで再利用できます。保存したコンポーネントの元データとガイドラインを用意し、新しい環境に必要な参照関係と権限を再設定します。
開発連携:デザインを伝えるプロトタイプの動きとともに、ファイル内の寸法、スタイル、用意された素材を確認できます。実装用のメモや決定事項を保管してください。古いInspectリンクは、参照できる元デザインの代わりにはなりません。
チームのアクセス:一緒に進める適切なファイル権限でメンバーを招待し、役割に合うシートを選べます。プロジェクトの所有者と利用するメンバーを整理し、今後の作業用に新しい共有リンクを設定します。

InVisionは現在購入できる選択肢ではありません。今のチームに必要な作業に合わせて、Pixsoのシートとリソースを選べます。

手元にあるものから続ける

次のバージョンは、これまでのデザインから

元のデザインファイルがあれば編集できる内容を引き継ぎ、画面画像があれば見た目を参考にできます。Pixsoではどちらからも始められますが、作り直す範囲は異なります。

編集できる元ファイルがある場合

対応するSketch、Figma、Adobe XDのファイルをPixsoに取り込めます。画面の調整を続け、コンポーネントを整理し、見せたい操作をつなげられます。

画面画像がある場合

フレームに画像を配置し、クリックできるレイヤーを加えてデモを再構築できます。編集する文字やコントロールは作り直してください。スクリーンショットが編集可能なコンポーネントライブラリになるわけではありません。

Pixsoは.studioファイルの直接インポートや、旧InVisionリンクからのプロジェクト復元には対応していません。元ファイルと、保管してあるコメント、仕様、録画をプロジェクト資料として残してください。

画像グリッドとデザイン編集用のオートレイアウト設定を表示したPixsoのキャンバス
Pixsoで次のデザインを作りながら、編集可能なレイヤーとレイアウトを調整できます。

画面の集まりを、チームの対話へ

操作を試して、デザインに意見を返す

クリックできるプロトタイプで、レビュー担当者が操作を体験できます。コメントで、意見の対象も明確になります。どちらもチームが修正しているUIのそばに置けます。

意図した体験を見せる

主要な経路、戻る操作、オーバーレイをつないでプロトタイプを再生できます。理解に必要な状態も加えてから、レビュー用に共有できます。

フィードバックを次の版へつなぐ

対象の画面にコメントを残し、文脈を共有して返信し、対応後は解決済みにできます。開発者は適切なファイル権限でデザインの詳細と素材を確認できます。

Pixsoキャンバスでプロトタイプのフローにつながったイベントアプリの画面
画面をつなぎ、チームが体験できるプロトタイプにできます。

画像の先に、再利用できるデザインを

次のリリースに生かせるデザインの土台を

繰り返し使うコントロールをコンポーネントと共有スタイルに整理できます。ライブラリを管理することで、次の画面を作る人も共通のデザイン判断を使えます。

デザイン基準を引き継ぐ

保管したコンポーネントの元データやガイドラインを使い、Pixsoのライブラリを整理できます。更新を公開すれば、チームが各ファイルで適用できます。旧DSMのドキュメントは自動でライブラリに取り込まれるものではありません。

編集できる形で、新しい案を加える

Pixso AIでレイアウトの案を生成し、レイヤーを引き続き編集できます。AI利用を許可した公開済みライブラリも生成に活用できます。AIは新しい画面づくりを支援しますが、失われたInVisionプロジェクトを復元する機能ではありません。

次のレビューを進める場所

今のメンバーとプロジェクトから始める

プロトタイプを作るプロダクトチームに

ファイルを作成し、利用できるデザインを取り込んで、レビュー担当者を招待できます。無料プランで始め、作業の広がりに応じて編集、開発、チーム向けの機能を選べます。

次のプロトタイプを作る

企業のデザイン組織に

ファイルの所有者、共有ライブラリ、メンバーの権限を含めて導入を計画できます。イントラネットやプライベートクラウドが必要な場合は、Pixsoの企業向け導入をご相談ください。

プライベートデプロイを見る

InVisionの作業環境を置き換える際の質問

InVisionで新しいプロジェクトを始められますか?
PrototypeとDSMを含むInVisionのデザインコラボレーションサービスは、2024年12月31日に終了しました。古い作業を続ける際は、保管した元ファイル、書き出した素材、プロジェクト記録を利用してください。MiroによるFreehandの買収で、すべてのInVisionデザインプロジェクトがMiroへ移行したわけではありません。
Pixsoで.studioファイルや旧InVisionリンクを開けますか?
いいえ。Pixsoは.studioの直接インポートやInVision共有リンクからの復元には対応していません。Sketch、Figma、Adobe XDの元ファイルがあれば、対応する形式で取り込めます。画像は参考資料や再構築するプロトタイプの画面として使えます。
保存したスクリーンショットで操作できるプロトタイプを作れますか?
はい。スクリーンショットをフレームに配置し、別の画面につながるクリック可能なレイヤーを追加できます。再現できるのはデモであり、元の編集可能な文字、コンポーネント、操作ロジックが復元されるわけではありません。変更したい部分は作り直す必要があります。
コメント、DSMライブラリ、プロジェクト権限は復元されますか?
いいえ。保存した画面や元ファイルでは、InVisionのクラウド履歴や共同作業の記録は復元されません。有用な書き出し済みフィードバックやガイドラインを残し、利用できるコンポーネントを新しいライブラリに整理して、Pixsoで適切な権限を設定してください。
ワークショップでInVision Freehandを使っていた場合は?
FreehandはMiroが買収した別のホワイトボード製品です。Pixso Whiteboardはアイデア出しや視覚的な計画に、PixsoのデザインエディターはUIとプロトタイプに利用できます。保管したホワイトボード画像は参考資料になりますが、編集可能なすべてのオブジェクトや以前の共同作業履歴を復元するものではありません。

次のプロトタイプを、チームで進める場所に

手元の画面を持ち込み、次の操作を作り、Pixsoにチームを招待しましょう。