【Adobe XD】ついにきた!アンカーリンクが実装されたので使ってみる

【Adobe XD】ついにきた!アンカーリンクが実装されたので使ってみる

ご無沙汰しております。sitoです。
しばらく鳴りを潜めておりましたが、生きています。

さて、今回はまたXDのアップデートのお話です。

先日のアップデートでついに!
ついにプロトタイプのアクションにアンカーリンクが実装されました!!!!!(拍手喝采

嬉しすぎたので早速触ってみました。

プロトタイプでアンカーリンクを設定してみる

使い方は超簡単!
メニューやボタンなどのオブジェクトから、リンクしたいポイントまでワイヤーで繋ぐだけです。

200313_1.png

右パネルのアクションが「スクロール先」になっていることを確認します。
スクロールする位置をオブジェクトからずらしたい場合は、オブジェクトの上に表示されている青いバーをずらすか、右のパネルにある「Y-オフセット」にオブジェクトからの距離を入力します。

200313.gif

こんな感じで、あっという間にアンカーリンクを設定できました。

別のアートボードのオブジェクトへはリンクできない

ひょっとしてこれも・・・と淡い期待を抱いて試してみたのですが、今のところアンカーリンクを設定できるのは同一アートボード内だけのようです。

別ページのこの位置にリンクしたい!というときも結構あるので、その機能もぜひ欲しいところです。
今後に期待です。

参考:https://blogs.adobe.com/japan/cc-web-xd-march-2020-audio-prototyping-anchor-links-more/

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ