Adobe XDをもっと使いこなすヒント! 第21回 リンクされたシンボル

by akihiro kamijo

Posted on 12-20-2018

連載

Adobe XDをもっと使いこなすヒント!

この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、リンクされたシンボルの使い方に関連する6つのツイートを取り上げます。

Tip 1. ドキュメント間でシンボルを共有する

#adobexd #protip New in the October release – linked symbols! You can now link two documents together by copying and pasting a symbol from one to another. @adobexd pic.twitter.com/wTOsuOQ09l

— Elaine Chao (@elainecchao) October 30, 2018

Adobe XDでは、ドキュメント間でシンボルをコピー&ペーストすることで、シンボルを共有できます。コピー先のシンボルは、オリジナルのシンボルとリンクされるため、リンクされたシンボルと呼ばれます。ローカルのシンボルと区別するため、リンクされたシンボルには緑色のアイコンが左上に表示されます。

Tip 2. オリジナルのシンボルが定義されたドキュメントを開く

#adobexd #protip If you don’t remember where the linked symbol was define, you can right click the symbol in the assets panel and select Edit in Source Document… @adobexd pic.twitter.com/a7JfTYy03y

— Elaine Chao (@elainecchao) November 5, 2018

リンクされたシンボルの編集はオリジナルのドキュメントを開いて行います。どのファイルに定義されているか覚えていない場合は、アセットパネル内で対象のシンボルを右クリックして、「元のドキュメントで編集」を選択します。するとオリジナルが含まれるドキュメントが表示され、シンボルを編集できる状態になります。

共有するシンボルがいろんなドキュメントに定義されていると管理が難しくなります。共有シンボル専用のドキュメントにまとめておくのが楽そうです。

Tip 3. シンボルへの変更を他のドキュメントへ同期する

#adobexd #protip If you change your symbol definition in the original document, your linked symbol will prompt you to change by updating its link color from blue to green. Update all your updated symbols by clicking the “Update All” button. @adobexd pic.twitter.com/60082ax1qJ

— Elaine Chao (@elainecchao) October 31, 2018

オリジナルのシンボルが修正されると、コピー先のドキュメントに変更が行われたことを通知するため、リンクされたシンボルのアイコンが青色に変わります。

その場合は、アセットパネルから対象のシンボルを選び「更新」を選択すると、ドキュメント内のシンボルにオリジナルの状態が反映されます。

#adobexd #protip Symbol overrides on your consuming document will be maintained when updating the symbol across documents. @adobexd pic.twitter.com/ajfu1cvDgM

— Elaine Chao (@elainecchao) November 7, 2018

リンクされたシンボルを上書きして、テキストやビットマップを変更していた場合、オリジナルの修正を反映しても、上書きされた更新は維持されます。この振る舞いは、ローカルのシンボルと同じです。

Tip 4. 複数のシンボルを同期する

#adobexd #protip If you have multiple linked symbols that have updated, click on the link icon in the assets panel to update them separately. @adobexd pic.twitter.com/vuYjeRT6A1

— Elaine Chao (@elainecchao) November 2, 2018

複数のリンクされたシンボルに対する更新があった場合は、上のビデオのように、ひとつひとつ更新を適用します。

Tip 5. 共有シンボルのリンク先を再指定する

#adobexd #protip The linked symbol icon displays as red when the source document has been deleted. Click on the symbol to link to a new source document. @adobexd pic.twitter.com/oDYwhLstqm

— Elaine Chao (@elainecchao) November 6, 2018

オリジナルのドキュメントが見つからないと、リンクされたシンボルのアイコンが赤になります。その場合は、アセットパネルで対象のシンボルを右クリックして「リンクを再設定」を選択すると、新たにドキュメントを指定し直して、再リンクすることができます。

いかがでしたか?
これは便利そうだ!という使い方はあったでしょうか?

次回をお楽しみに!

Topics: クリエイティブ, UI/UX & Web

Products: