質問やアイデアを共有するには、Adobe XD コミュニティに参加します。皆様からのご意見や作品をお待ちしております。
- Adobe XD ユーザーガイド
- はじめに
- デザイン
- アートボード、ガイド、レイヤー
- シェイプ、オブジェクト、パス
- テキストとフォント
- コンポーネントとステート
- マスキングと効果
- レイアウト
- ビデオと Lottie アニメーション
- プロトタイプ
- 共有、書き出し、およびレビュー
- デザインシステム
- クラウドドキュメント
- 統合とプラグイン
- XD iOS 版および Android 版
- トラブルシューティング
- 既知の問題と修正された問題
- インストールと更新
- 起動時のクラッシュ
- クラウドドキュメントおよび Creative Cloud ライブラリ
- プロトタイプ作成、公開、レビュー
- 読み込み、書き出し、その他のアプリの操作
ここでは共同でデザインを編集する方法と、デザインのリビジョンを管理する方法を説明します。
Adobe XD では、他のデザイナーとのリアルタイムの編集から、開発者やデザイナーの協力によるフィードバックの収集まで、デザインプロセスのあらゆる段階でエンドツーエンドの共同作業を行うことができます。
XD 57 以降のバージョンでは、お客様と共同編集者は、共同編集を行っているドキュメントで一貫したカラーで作業することができます。これを実現するには、ドキュメントのカラープロファイルを sRGB に切り替えます。お客様または共同編集者がカラープロファイルを変更すると、すべての共同編集者が変更に関するメッセージを受け取ります。
共同編集への招待
仲間のデザイナーとのコラボレーションは、これまで以上に簡単です。仲間のデザイナーを招待するだけで、1 つの XD ドキュメントに同時にアクセスして編集することができます。Adobe XD を使用すると、仲間のデザイナーが共有ドキュメントを共同編集することができます。
それでは実際に操作してみましょう。デザインをクラウドドキュメントとして保存し、ドキュメントに招待アイコン()をクリックします。仲間のデザイナーの Adobe ID(アドビアカウントに登録されたメールアドレス)を入力し、「招待」をクリックします。
これにより、仲間のデザイナーにメールまたは Creative Cloud デスクトップアプリで通知が届きます。
共同作業者は、他のユーザーに依頼してドキュメントを編集し、共同作業を迅速化することもできます。
共同作業によるデザインの編集
デザインドキュメントを共同作業で編集する間、リアルタイムで変更が表示され、変更内容が作業時に自動的に保存されます。仲間のデザイナーとドキュメントを共同編集するときは、以下の視覚的インジケーターを表示できます。
カラーのアバター
デザインを共同編集する仲間のデザイナーのアバターです。デザイナーがプロファイル画像を設定していない場合は、名前の最初の文字がカラーアバターとして表示されます。プロファイル名を設定していない場合は、空白のプロファイル画像が表示されます。
バウンディングボックス
アバターと同じカラーのバウンディングボックスが、デザイン上に表示されます。バウンディングボックスにカーソルを合わせると、共同編集者の名前が表示されます。
リアルタイム編集
共同編集者のデザイン内の移動や編集を確認しながら、リアルタイムで同時に編集できます。
ライブカーソル
ライブカーソルは、プレゼンスバーにあるカラーアバターに対応するバウンディングボックスに表示されます。
カラーのアバターとして表示されるリモートライブカーソルによって、共有ドキュメント上で作業する仲間のデザイナーの編集をライブで確認できます。
ライブカーソルを有効または無効にするには、表示/ライブカーソルの表示または非表示を選択します。ライブカーソルを表示はデフォルトで有効です。仲間のデザイナーの詳細を確認するには、リモートライブカーソルにカーソルを合わせます。
プレゼンスバーの共同編集者のアバターをクリックすると、共同編集者が共有ドキュメントの同じ場所で作業しているかどうかをいつでも確認できます。これにより、ライブカーソルが、共有ドキュメント内で共同編集者の現在の位置にジャンプします。
リモートライブカーソルは、以下の要素で構成されます。
- 仲間のデザイナーのライブ位置に対応するライブポインター。
- プレゼンスバーに表示されるデザイナーのプロフィールと同期したカラーアバター。
リモートライブカーソルのアピアランス
リモートライブカーソルのアピアランスは、様々なシナリオやカーソルの動きに応じて、以下のように変化します。
カンバスから離れた場合
仲間のデザイナーが、例えば、右パネルやダイアログに移動してカンバスから離れた場合、ライブカーソルは最後の位置に留まり、それ以上の移動は表示されません。
ドキュメント内での移動
仲間のデザイナーがドキュメントの左端や右端にカーソルを移動させると、それに合わせてカラーアバターのポインターも左や右に移動するのが確認できます。
ズームインまたはズームアウト
仲間のデザイナーがカンバス内のアートボードをズームインまたはズームアウトすると、ビューポートの範囲内にある場合にのみリモートカーソルが表示されます。
共同編集でのライブカーソルについて詳しくは、このチュートリアルをご覧ください。
視聴時間:1 分 52 秒
名前と説明を追加し、検索とフィルターを使用することで、XD でドキュメントバージョン(デザインリビジョン)を簡単に管理できます。
- ドキュメントバージョンへのアクセス:ドキュメント名の横で をクリックして、以前のバージョンのリストを表示します。
- バージョンの保存、バージョン名と説明の追加:デフォルトでは、タイムスタンプに基づいて名前が付けられ、定期的に自動保存されます。自動保存されたバージョンは、60 日後にクラウドから削除されます。タイムスタンプの横にある をクリックしてバージョンをマークし、永続的に保存します。ドキュメントバージョンの名前を変更して説明を追加するには、タイムスタンプの横にある 3 つのドット を選択し、「バージョン情報を編集」を選択します。バージョンに名前と説明を追加すると、バージョンが永続的に保存され、検索性が向上します。
- バージョンの検索とフィルタリング:名前または説明内の単語を入力して、ドキュメントバージョンを検索します。またマークされたバージョンや特定のタイムスタンプをフィルターとして使って検索することもできます。
- バージョンの表示:バージョンを表示するには、3 つのドット を選択し、「新しいウィンドウで開く」を選択します。別のバージョンにロールバックすることはできません。ただし、内容をコピーして、現在のバージョンにペーストすることはできます。詳しくは、バージョン管理に関する FAQ を参照してください。
注意
XD ドキュメントを共同編集するときは、以下の点に留意してください。
コピーを保存してオフラインで作業
誰とも共有していないドキュメントは、オフラインで作業を続けることができます。行った変更は、再接続時にオンラインバージョンに同期されます。ただし、オンラインになったときの競合を防ぐため、共有ドキュメントをオフラインで作業することはできません。この場合、コピーを保存して作業し、オンラインドキュメントにアクセスできるようになったら、手動でその変更をコピーすることができます。
アクセスの取り消し
ドキュメントに招待ポップアップウィンドウで共同編集者の名前を削除します。
上書きの防止
上書きを防ぐために、他のデザイナーとの同じオブジェクトへの共同編集は避けてください。XD は、最初にサーバーに到達した編集を保持し、他の変更を破棄します。
詳細情報
「共同編集では、グループと一緒に協力して作業を進めることができます。」(Dani Beaumont、プリンシパルプロダクトマネージャー、XD)
共同編集とドキュメント履歴についてトレーニングについて詳しくは、このビデオをご覧ください。
視聴時間:1 分
関連リソース
ご質問または共有するアイデアがある場合