Adobe XD 2020年5月アップデートリリース！共同編集のオフライン対応と共有リンクのズーム機能 #AdobeXD

Adobe XD アップデート

デザインチームの仕事の進め方と、他のチームとのコラボレーションには、これまでになく柔軟性が求められるようになってきました。そこで先月、私たちはデザインチームが新しい働き方の下で効率的に仕事が進められるよう、Adobe XDのリモートワーク機能をCCの全プランのユーザーに一時的に開放しました。今回の2020年5月アップデートでは、デザイナーを支援するというアドビの取り組みをさらに強化するべく、皆さんと皆さんのチームがAdobe XDを介して共同作業するいくつかの新しい方法を追加しました。

新機能を使用するためには、XDの最新版にアップデートいただくか、XDをダウンロードしてください。

共同編集のオフライン対応

デザイナーのチームがリモートワークに適応するためには、リアルタイムでコラボレーションできることが必須です。皆さんの多くは現在それぞれ異なった環境で働いています。チームと物理的に離れた場所で作業をするというだけでなく、使っているネットワーク環境が遅いとか不安定だというケースもあるでしょう。そこで、5月のアップデートでは、共同編集のオフライン対応を追加しました。

オフラインに対応したことで、オンラインかオフラインかを問わずにチームとデザインを共同編集できるようになり、どこにいてもXDを使って共同で作業できるようになりました。たとえば、共有ドキュメントで作業中に接続が切れても、オフラインの状態でデザインを続けることができます。オフラインでドキュメントに加えた変更は、接続が復帰したときに自動的にチームメイト全員にプッシュされます。そのとき、競合する変更が見つかったら、自分で加えた変更を破棄するか、後で変更を反映するためにそのドキュメントのコピーを保存するかを選択できます。共同編集のオフライン対応により、共有ドキュメントでの作業を飛行機の中やコーヒーショップ内など、ネット接続がない場所でも行うことが可能になりました。

オフラインサポートは、XDを使って共有ドキュメントで作業するユーザーなら誰でも使えます。使用するには、最新バージョンにアップデートしてください。共同編集の詳細については、Let’s XD Webサイトの学習コンテンツ（英語）をご覧ください。

プロトタイプリンクのズーム表示機能

プロトタイプを関係者やクライアントと共有する際は、相手があなたのデザインを十分に理解し、体験できるようにしておくことが重要です。これは特に、異なる画面サイズのバージョンのデザインをチェックしながら特定の部分を確認してコピー文の調整をしたり、特定のデザインフィードバックを提供したりする場合に当てはまります。

今回のアップデートにより、共有リンク先のデザインがズーム表示できるようになり、最終的なエクスペリエンスを確認しやすくなりました。レビュアーには異なるズーム率に加えて「デフォルト」「画面に合わせる」といったオプションが提示されます。ズーム表示は、デスクトップブラウザとモバイルWebブラウザのいずれでも、共有リンクを表示したときに利用できます。

共有されたプロトタイプリンク上でズームコントロールにアクセスできます。いますぐお試しください。

注目のプラグイン：Webサイトのプロトタイプをデザインし、コードを書き出す「Anima」

新しいAnima for Adobe XD（英語）プラグインを使えば、チームの連携をとりながらWebサイトやランディングページをより迅速に制作できます。Anima for XDは、Webサイトやランディングページをデザインするための追加のプロトタイプピングツール類へのアクセスのほか、XDデザインをHTMLやCSSコードに自動的に変換する機能も提供します。

Anima for XDを使用すると、再生可能なビデオや、GIFアニメーションまたはLottieアニメーションをデザインに追加できるほか、外部Webサイトへのリンクや、Webフォームや登録ページをデザインするためのテキスト入力フィールドを追加することができます。また、デザイン上にブレークポイントを定義して、デスクトップ、モバイル、タブレットなどの異なる画面サイズに自動的に適応するレスポンシブなプロトタイプを作成することも可能です。

まずは、XDプラグインマネージャーを使ってAnima for Adobe XDプラグインをダウンロードしてください。Animaの詳細については、こちらのブログ記事（英語）をご覧ください。

この記事は5月19日に公開されたMay 2020 Release of Adobe XD: Offline Support for Coediting and Sharing Improvementの抄訳です。