Learn Adobe XD

Adobe XD プロトタイピング実践ガイド

〜ユーザーの要求に応えるUI/UXデザイン

2018.12.16

共有機能の名称変更について

昨日(日本時間では17日)の12月アップデートで「共有」機能の名称が変わりました。本書のPART6「02 プロトタイプとデザインスペックを公開する」が該当します。

例えば、「プロトタイプを公開」が「プレビュー用に共有」、「デザインスペックを公開」が「開発用に共有」に変わり、わかりやすくなりました。

変更前

変更後

変更前のポップアップ
変更後のポップアップ

Adobe XD の保存の仕組みが変わりました

XDの12月アップデートで一部の仕様が変わりましたので確認してください。最も大きな変更点は、クラウドにXDデータを保存する仕組みに変わったことです。もちろん、インターネットに接続されていない状態(オフライン)でも作業できますが、クラウド保存がデフォルトになっていますので、新しい保存の仕組みを理解しておく必要があります。

 

XD画面のタイトルバーにはファイル名が表示されていますが、左側にクラウドのアイコンが表示されています。この作業ではインターネットに接続していませんので、アイコンに「×」が付いています(オフラインを表しています)。

オフラインの表示

右側のアイコン(下向きの「く」記号)をクリックすると、ファイル名と保存先の変更が可能なポップアップが表示されます。デフォルトで「クラウドドキュメント」が選択されています。

今までどおり、自分のPCにXDファイルを保存したい場合は、ここで「ローカルコンピュータ」に変更してください。

保存先とドキュメント名を設定するポップアップ

スタート画面のサムネイルには「クラウドのドキュメント」と表示されています。

スタート画面

スタート画面の「クラウドドキュメント」をクリックすると、作成したプロトタイプが表示されていますが、インターネットに接続しないかぎり、ローカルに保存されます。

スタート画面に表示されているクラウドドキュメントのサムネイル

インターネットに接続すると自動的に同期がスタートします。接続後、XDを起動すると管理画面などにサムネイルが表示されます。

Creative Cloudのデスクトップアプリ

クラウドドキュメントを新規作成する方法を解説しています。XDのモバイルアプリ(iOSとAndroid)もクラウドドキュメントの仕様に変わりましたので、デスクトップでの作業結果をすぐにプレビューできます。動画に記録してありますので確認してください。

※「このXDファイルはPCには保存されていません」という字幕が表示されますが、実際には保存されており、オフラインで作業することが可能です。ただし、どこに保存されているかはわかりません。PCに保存したい場合は、通常の「別名で保存」を使ってください。

再生時間:1分25秒

東京チーム(Mac環境)が作成したプロトタイプを大阪チーム(Windows環境)と共有し、1つのプロトタイプを異なる環境から編集する様子を記録した動画です。

XDには今後、クラウドドキュメントのバージョン管理機能などが搭載される可能性が高く、今回のアップデートはコラボレーション機能強化への第一歩だと理解してよいでしょう。

再生時間:1分41秒

ローカルのXDファイルをクラウドドキュメントにする

自分のPCに保存しているXDファイルを開きます。タイトルバーにはファイル名が表示されています。

PCに保存されているXDファイルを開いた画面

ファイルメニューの「別名で保存」を選びます。

ファイルメニュー

保存先とドキュメント名を設定するポップアップが表示されますので、保存先を「ローカルコンピューター」から「クラウドドキュメント」に変更してください。

保存先とドキュメント名を設定するポップアップ

インターネット接続せずにXDを使用したときのエラー

Macの場合、50と表示されたアラートが表示され「OK」をクリックすると、スタート画面に戻りますので、作業を進めることができなくなります。

Windowsの場合はアラートも表示されず、フリーズ状態になってしまうことがあります。

どちらの場合もXDを終了して、インターネットに接続してから再び起動すれば、問題なく動作します。

ネット接続せずにXDを起動したときに表示されるアラート

作業中にインターネットの接続が切れた場合は、タイトルバーのクラウドアイコンに「×」が付きます。オフラインのときは、パソコンの中に自動保存されますが、保存場所は不明。ネットに接続すると、自動的にクラウドにアップロードされます。

作業中にネット接続が切れたときに表示されるツールチップ

「サブスクリプションのステータスを確認できません。」というアラートが表示された場合は、インターネットに接続して「再施行」をクリックするか、「XD CCを終了」をクリックしてからインターネットに接続して、再び起動してください。

サブスクリプションに関するアラート

関連情報

更新日:2018年12月25日(火)/投稿日:2018年12月17日(月)

トップページに戻る

Information

Adobe XD をこれから習得したい人にお奨めの書籍

書籍「Adobe XD UIデザインとプロトタイプ制作の教科書」のカバーデザイン

世界一わかりやすい

Adobe XD UIデザインと

プロトタイプ制作の教科書

2018年6月13日発売

北村崇 著

B5判/240ページ

定価(本体2,480円+税)

ISBN 978-4-7741-9838-5

詳細ページを見る

書籍「Illustrator&Photoshop&XD Webデザインの教科書」のカバーデザイン

世界一わかりやすい

Illustrator&Photoshop&XD Webデザインの教科書

2018年10月5日発売

黒野明子,庄崎大祐,角田綾佳,森和恵 著

B5判/272ページ

定価(本体2,480円+税)

ISBN 978-4-297-10032-2

詳細ページを見る

更新日:2018年11月28日(水)

Soy activo en la posición de Adobe Community Evangelist. Está principalmente a cargo de "Adobe Sensei" y "Adobe XD".

난은 Adobe Community Evangelist의 입장에서 활동하고 있습니다. 주로 "Adobe Sensei」과 「Adobe XD」를 담당하고 있습니다.

我是Adobe的“社区布道者”。它主要负责“Adobe Sensei”和“Adobe XD”。

Mr.Creative.Edge

Creative Edge School Books

@commonstyle | ebookcast@gmail.com