デザインモードで、ハイパーリンクを設定するテキストコンテナ内のテキストを選択します。
最終更新日 :
2022年4月20日
- Adobe XD ユーザーガイド
- はじめに
- デザイン
- アートボード、ガイド、レイヤー
- シェイプ、オブジェクト、パス
- テキストとフォント
- コンポーネントとステート
- マスキングと効果
- レイアウト
- ビデオと Lottie アニメーション
- プロトタイプ
- 共有、書き出し、およびレビュー
- デザインシステム
- クラウドドキュメント
- 統合とプラグイン
- XD iOS 版および Android 版
- トラブルシューティング
- 既知の問題と修正された問題
- インストールと更新
- 起動時のクラッシュ
- クラウドドキュメントおよび Creative Cloud ライブラリ
- プロトタイプ作成、公開、レビュー
- 読み込み、書き出し、その他のアプリの操作
Adobe XD プロトタイプから外部の web ページにリンクする方法について説明します。
デザイン内のテキスト、オブジェクト、またはコンポーネントは、外部の web ページやメールプログラムにリンクすることができます。ハイパーリンクを作成したら、それをプレビューし、デザインスペックを関係者と共有できます。
テキストハイパーリンクの作成
web ページやメールプログラムへのハイパーリンクテキストを設定するには、次の手順を実行します。
ハイパーリンクを作成したら、デザインモードまたはプロトタイプモードで編集できます。
オブジェクトまたはコンポーネントのハイパーリンクを作成する
オブジェクトやコンポーネントに web ページやメールプログラムへのハイパーリンクを設定するには、次の手順を実行します。
-
ハイパーリンクをプレビューするには、デスクトッププレビューアイコンをクリックします。
ハイパーリンクをクリックすると、ハイパーリンクが常に別のブラウザータブで開きます。
- https または mailto 以外のプロトコル（http やプロトコルなし）の URL を追加すると、警告が表示されます。その場合は、URL を変更するか、その URL で続行するかを選択できます。
- http を使用するプロトタイプ、またはプロトコルを使用しないプロトタイプでハイパーリンクオブジェクトをクリックすると、その URL が自動的に https で開きます。例えば、URL を http://www.adobe.com または www.adobe.com と指定して追加すると、リンクは https://www.adobe.com として開きます。
- プロトタイプで、http、https、mailto 以外のプロトコル（ftp など）を使用するハイパーリンクオブジェクトをクリックしても、URL は開きません。画面の下にエラーメッセージが表示されます。
詳細情報
XD でのハイパーリンクの操作について詳しくは、こちらの 2 分間のビデオをご覧ください。
関連リソース
ご質問または共有するアイデアがある場合
質問やアイデアを共有するには、Adobe XD コミュニティにご参加ください。皆様からのご意見や作品をお待ちしております。
