以前の Adobe XD リリースで導入された機能の概要については、機能の概要 | 以前のリリースを参照してください。
XD の 2018 年 12 月リリースには、次のような魅力的な新機能が用意されています。
- クラウドネイティブのドキュメントとリンクされたシンボルによる共同作業の改善
- 反転オブジェクトを使用したより高速で正確なデザイン
- レイヤーパネルでの検索を使用した生産性の向上
- カンバスでのリンクされたシンボルのプレビュー
機能強化として、以下の点が向上しています。
Adobe XD には、新しいクラウドネイティブドキュメントタイプであるクラウドドキュメントが導入されています。これは、ドキュメントを管理、共有、および最新の状態に維持するための迅速で便利な方法をユーザーに提供します。クラウドドキュメントは自動的に保存されるため、最新の状態が保たれ、オフライン時でも様々なデバイスからアクセスできます。クラウドドキュメントでは、クロスドキュメントアセットもサポートされています。これにより、あるローカルファイルのシンボルをローカルファイルシステムにある別のソースファイルにリンクすることができます。
以下の方向にアセット（リンクされたシンボル）をリンクすることもできます。
- クラウドドキュメントから別のクラウドドキュメントまたはローカルファイルに
- ローカルドキュメントからクラウドドキュメントに
詳しくは、XD のクラウドドキュメントとクラウドドキュメントの使用を参照してください。
反転オブジェクト機能を使用すると、オブジェクトを縦方向または横方向に反転できます。反転は、アートボード、リピートグリッド、シンボルを除くすべての基本要素で機能し、適用されるとオブジェクトの現在の回転に追加で適用されます。
詳しくは、オブジェクトの反転を参照してください。
レイヤーパネルで検索およびフィルター機能を使用し、レイヤー名で検索したり、テキスト、シェイプ、画像のカテゴリーでレイヤーをフィルターすることができます。検索エクスペリエンスは、レイヤー構造（展開したグループなど）なしで、キーワードを含む関連するレイヤーとアートボードのみを表示するように最適化されています。これは、アートボード間で自動アニメーションレイヤーを使用するときに非常に役立ちます。
詳しくは、レイヤーの操作を参照してください。
詳しくは、リンクされたシンボルの更新をプレビューするを参照してください。
- 新しいドキュメントの共有メニュー
- 「プロトタイプを公開」は、「プレビューのための共有」になりました
- 「デザインスペックを公開」は「開発のための共有」になりました
- 「公開済みリンクを管理」は「リンクを管理」になりました
Ai からアセットをコピーして XD にペーストすると、レイヤーの視覚的な忠実度、構造、効果は Ai でデザインされていたとおりに保持されます。このワークフローは、Ai の読み込みと同様のものになりました。
Illustrator および Photoshop コンテンツを変換するときに、新しいオプション（ファイル／読み込み）を使用して Photoshop または Illustrator コンテンツを既存の XD ドキュメントに追加できます。さらに、スマートオブジェクトは変換時に完全に編集可能な状態（統合されるのではなく）のままになり、Photoshop 調整レイヤーが保持されるようになりました。
詳しくは、外部アセットの操作を参照してください。
フルスクリーンのデフォルトモード、ナビゲーション矢印を表示するピンチ、ホームボタン、プロトタイプ情報、懸念事項の報告など、モバイル Web ブラウザーでプロトタイプを表示するときに、いくつかの改良が追加されました。
詳しくは、モバイルデバイスでプレビューを参照してください。
XD やデザインスペックから .svg 要素を書き出す際、「プレゼンテーション属性」スタイリングを使用した書き出しオプションが用意されたため、Android Studio で XD からエクスポートされた SVG を使用するなどの一般的な開発シナリオとの互換性が向上しました。
詳しくは、外部アセットの操作を参照してください。
Adobe XD を使用する場合、タッチスクリーンの Windows デバイス、Mac トラックパッド、Wacom タブレット、タッチパッド、タッチリングで、選択したオブジェクトを 2 本指で回転できるようになりました。
Web プロトタイプまたはデザインスペックのいずれかを開くと、右のレールに表示されたコメントアイコンの上に灰色のマーカーとカウントが表示さるようになりました。カウントは、アートボード上の解決されていないコメントスレッドの総数を表します。新しいコメントを追加するか、既存のコメントを解決済みとマークすると、それに応じてカウントが更新されます。
詳しくは、プロトタイプ、デザインスペック、クラウドドキュメントの共有とAdobe XD で公開されたデザインスペックを使用するを参照してください。
Adobe XD は、使用が簡単なソリューションを提供し、音声コマンドを使用してアートボード間の対話をトリガーすることができます。クリックやタップをトリガーとして使用する場合と同様に、音声を使用してプロトタイプのインタラクションおよび音声再生をトリガーアクションとしてトリガーすることができます。音声再生を使用すると、強力なテキスト読み上げエンジンにアクセスして、音声アシスタントやスマートスピーカーなどの新しいプラットフォーム向けのデザインを作成することができます。詳しくは、音声デザインとプロトタイプ作成を参照してください。
.gif "Auto-aminamte--1(source)")
自動アニメーションでは、臨場感あふれるアニメーション化されたトランジションでプロトタイプを簡単に作成できます。アートボードを複製し、サイズ、位置、回転などのオブジェクトプロパティを変更し、自動アニメーションアクションを適用して、アートボード間のアニメーションによるトランジションを作成するだけです。自動アニメーションを使用するには、アニメーション化するオブジェクトのレイヤー名が、2 つのアートボード間で同じであることを確認します。詳しくは、自動アニメーションを使用してプロトタイプを作成するを参照してください。
XD のドラッグジェスチャーでは、タッチ対応デバイスのドラッグ体験をシミュレートすることで、自動アニメーション機能をさらに一歩先に進めることができます。詳しくは、動作時のドラッグジェスチャーを参照してください。
組織内のデザインチームが増加するのに加えてデザインサーフェスがますます増加する中で、デザイナーは一貫したスケーラブルなデザインを共同で作成する必要があります。リンクされたシンボルを使用すると、デザイナーはドキュメント間でシンボルを共有してそれを最新の状態に保つことができます。
リンクされたシンボルにより、UI キット、ステッカーシート、またはスタイルガイドの信頼できる単一のソースを作成および保守し、他の Adobe XD ドキュメントでそれらを使用できます。ソースドキュメントでリンクされたシンボルを変更した場合、XD により、これらの更新のあるそのリンクされたシンボルのインスタンスを持つドキュメントに通知されます。そこから、変更を確認するか、その変更を受け入れるか拒否するかを選択できます。詳しくは、リンクされたシンボルの使用を参照してください。
Adobe XD はプラグインの最初の波を起こし、これにより、タスクの自動化、他のツールとの統合、デザイン内のデータの活用などが可能になります。また、これは、Slack、JIRA、Microsoft Teams など、市場で最高峰の共同作業および生産性アプリケーションの一部とも連携します。
プラグインを初めて使用する場合は、XD のプラグインを参照してください。
Adobe XD 13.0 以降、Adobe XD 内から .ai ファイルを開くことで Illustrator からレイアウトデザインとアセットを転送できます。高速で便利な新しいワークフローを使用すると、レイヤー、アートボード、アートワーク、ベクターのネイティブマッピングにより、アセットをできる限り高い視覚的な忠実性でシームレスに転送し、UX プロセスの様々な段階で共同作業環境を合理化できます。詳しくは、XD で Illustrator ファイルを開くを参照してください。
特長：
- プロトタイプでの Illustrator アセットのシームレスな使用：アイコン、ロゴ、他のベクターアセットを XD に転送し、Illustrator で作成された UI キットまたはフルライブラリを使用すると同時に、十分な編集性と視覚的な忠実性を備えたままレイヤーを保持します。
- インタラクティブデザインを作成するための共同作業：XD で Illustrator ファイルを開き、XD の強力なプロトタイプと共同作業機能を使用します。
Adobe XD 13.0 リリースでは、XD デザイン（選択したレイヤーまたはアートボード全体）を After Effects に簡単にエクスポートして、カスタム UI アニメーションやミクロインタラクションを生成できます。レイヤー、アートボード、アートワーク、ベクターを視覚的に同等の忠実性でシームレスにエクスポートし、After Effects の強力なプラグインエコシステムを使用してデベロッパーとの共同作業を合理化することができます。詳しくは、アセットを After Effects にエクスポートするを参照してください。
特長：
- アニメーションを十分にコントロールできる：After Effects を使用してデザイナーは、カスタムアニメーションやミクロインタラクションを生成したり、トランジションを微調整したり、デザインでビデオアセットを使用したりすることができます。
- シームレスなアセット転送：この統合により、迅速なアセット転送と、レイヤー、ベクター、アートワークのネイティブマッピングを利用できるようになり、デザインからカスタムアニメーションまでの所要時間が短縮されます。
- プラグインを活用する：After Effects の UX デザインプロセスに合わせたプラグインエコシステムを使用して、アニメーションやデベロッパーとの共同作業を拡張することができます。
XD 13.0 以降、Windows OS を使用するデザイナーは USB 接続を使用して iOS でデザインをプレビューできます。詳しくは、モバイルデバイスでプレビューを参照してください。
Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。