機能の概要 | Adobe XD(2022 年 4 月リリース)

XD の 2022 年 4 月リリースの新機能と機能強化について説明します。

Adobe XD 50.0 の新機能

2022 年 4 月リリースの XD には、次の機能が搭載されています。

アセット整理用のグループパスを使用する

スラッシュ(/)を使用して、ドキュメントアセットパネルのパス表示でアセットグループとサブグループをすばやく整理します。古いドキュメントにスラッシュを含むアセット名がある場合、XD 50 で開くと、スラッシュをグループ階層内の新しいネストレベルに変換するか、スラッシュをダッシュ(—)に置き換えて階層を保持するように求めるプロンプトが表示されます。

また、レイヤーパネルでメインコンポーネントの名前の変更やグループ化ができるようになりました。レイヤーパネルでコンポーネント名を更新したりグループ化したりすると、そのコンポーネント名がドキュメントアセットパネルに反映されます。

パス表示を使用してアセットを整理する

グループを使用してアセットを整理する方法に関する詳細は、「アセットをグループとサブグループに整理する」を参照してください。

破損したライブラリリンクを簡単に修正

ドキュメントアセットパネルへの Creative Cloud ライブラリのリンクが破損している場合、それらをクリックすると、破損したリンクの根本的な理由の概要やそれらを解決するための手順が表示されます。

破損したリンクを修正する際のエクスペリエンスの改善

破損したリンクの修正に関して詳しくは、XD ライブラリとリンクされたアセットの問題を修正を参照してください。

Adobe XD 49.0 の新機能

2021 年 3 月リリースの XD には、次の機能が用意されています。

テキストハイパーリンクの作成

デザインモードでは、テキストオブジェクト内のテキストを、安全な web サイトやメールアドレスにハイパーリンクすることができます。

テキストハイパーリンクの作成

テキストハイパーリンクの作成について詳しくは、ハイパーリンクの作成を参照してください。

コンポーネントのステートの並べ替え

プロパティインスペクターで主要なコンポーネントをドラッグして並べ替えることができます。

コンポーネントのステートの並べ替え

コンポーネントのステートについて詳しくは、コンポーネントへの複数ステートの追加を参照してください。

デザインスペックの強化

開発者はアプリケーションの開発時に、デザインスペックから Lottie およびビデオの HTML コードをコピーできるようになりました。

デザインスペックの強化

デザインスペックの確認については、デザインスペックを確認するを参照してください。

Adobe XD 48.0 の新機能

XD の 2022 年 2 月リリースには、次の機能が搭載されています。

デザインスペックの Lottie を確認してダウンロードする

開発者がデザインスペックから Lottie の情報とアセットを取得し、アプリケーションを作成するときにそれをコードで使用できるようになりました。

Lottie のデザインスペックを確認してダウンロードする

デザインスペックの Lottie アニメーションを確認する方法について詳しくは、デザインスペックの表示および確認方法を参照してください。

Adobe XD 47.0 の新機能

XD の 2022 年 1 月リリースには、次の機能が搭載されています。

オブジェクトハイパーリンクの作成

オブジェクトやコンポーネントに、セキュリティで保護された web サイト(https)やメールプログラムへのハイパーリンクを作成できるようになりました。

オブジェクトハイパーリンクの作成

オブジェクトとコンポーネントを外部 web ページにリンクする方法について詳しくは、ハイパーリンクの作成を参照してください。

新しいデバイスプリセット

以下のデバイス用にアートボードプリセットが使えるようになりました。

  • iPhone 13、iPhone 13 Pro、iPhone 13 Pro Max、iPhone 13 mini
  • Google Pixel 6、6 Pro
  • iPad Air、iPad mini
  • Surface Pro 7 および 8
新しいデバイスプリセット

アートボードプリセットについて詳しくは、Adobe XD でのアートボードの使用を参照してください。

デザインスペックの強化

デザインスペックのリンクを使って、JPG ファイル形式の画像をダウンロードできるようになりました。ダウンロード可能なコンポーネントのすべてのステートもダウンロードできます。

書き出し用にマークされたレイヤーを含むデザインのデザインスペックリンクを XD デスクトップアプリでより速く、効率的に生成できます。

デザインスペックの強化

デザインスペックでのダウンロードについて詳しくは、デザインスペックからのアセットの書き出しとダウンロードを参照してください。

Adobe XD 45.0 の新機能

ビデオを使用した没入型エクスペリエンスのデザイン

MP4 ビデオを使用して、デザインに臨場感あふれる体験を作り出すことができます。インポート後、共有リンクを使用して、再生とインタラクションをカスタマイズし、デスクトップ、モバイルデバイス、またはブラウザーで出力をプレビューできます。

ビデオを使用した没入型エクスペリエンスの作成

サポートされているビデオ、ビデオ設定、再生オプション、およびその他のインタラクションでのビデオの動作については、ビデオの操作を参照してください。

Lottie を使用して表現豊かなアニメーションをデザインする

Lottie は、Adobe After Effects で作成されたアニメーションを web サイトまたはモバイルアプリでネイティブにレンダリングできるオープンソースのファイル形式のライブラリです。Lottie ファイルは、アニメーション GIF や PNG に比べてサイズが小さくなります。開発者の場合は、コードで Lottie を再利用できます。
 
デバイスから Lottie ファイルをインポートした後、再生動作をカスタマイズしたり、インタラクティブ機能を追加したりできます。共有リンクを使用して、デスクトップ、モバイルデバイス、またはブラウザーでアニメーションをプレビューできます。
Lottie を使用したリッチなアニメーションの作成

Lottie 再生オプションおよびその他のインタラクションでの Lottie の動作については、Lottie アニメーションの操作を参照してください。

デザインを Behance に共有して公開する

Adobe の Behance プラットフォームでは、自分のデザインをグローバルクリエイティブコミュニティに披露し、フィードバックを受け取ることができます。

XD から Behance へのプロトタイプの直接共有

XD から Behance への共有について詳しくは、Adobe XD から Behance へのデザインの公開を参照してください。

デザインアセットの書き出しエクスペリエンスの向上

アセットを JPG および PNG として書き出すデザイン倍率オプションが削除され、書き出しサイズ書き出し先に変わりました。この変更により、0.1x から 10x までのカスタム書き出しサイズを指定できるようになったため、よりきめ細かい書き出しオプションが提供されます。

XD に読み込むときに JPG が縮小されなくなりました。

デザインアセットの書き出しエクスペリエンスの向上

デザインアセットを様々なファイル形式で書き出す方法について詳しくは、デザインアセットの書き出しを参照してください。

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト