【新人向け】気づくと便利!先輩に教えてもらったXD機能6つ 後編 | Dev Driven 開発・デザインチーム 【新人向け】気づくと便利!先輩に教えてもらったXD機能6つ 後編 | 働くひとと組織の健康を創る iCARE

BLOG

【新人向け】気づくと便利!先輩に教えてもらったXD機能6つ 後編

nozaki
2021/01/28

こんにちは!のざきです。

今回は前回に引き続き、後編として3つ機能をご紹介します!

リピート機能

xdではかなり有名なこの機能。
知ってはいたものの、どういうシーンで使えばいいのかしらと思ってました。
そんな中使い時発見!「アンケート機能のデザイン」作成にとても役立ちました。

まずはリピートさせたい素材を準備

素材を選択した状態で、右側のスタイルパネルで「リピートグリッドボタン」をポチッと押します。

すると、こんなふうに緑のハンドルが出てきましたよね?

そのハンドルをドラッグしていくと...

こんなふうに簡単にリピートした素材が出てきます!
あとはこのピンクになっている余白部分を、同じくドラックして調整してあげて
見出しなど追加してあげれば完成です!

設問が多いアンケート作りでも、1瞬で終わらせることができちゃいますね。

アートボードへのリンク設定

アートボードへのリンクを設定するとき、1つ1つ丁寧に設定したりしていませんか?私はやってました。対象をクリックして、矢印を対象のアートボードまで一生懸命引っ張っていって…

大量にアートボードがある中、1個1個リンクを設定していたのでめちゃくちゃ時間がかかってました。しかも離れているアートボードだと途中で謎に迷子になってしまったり...。

そんな時は、右側でインタラクションの「移動先」を設定してあげればよかったのです。

前準備としてそれぞれのアートボードにしっかり名前をつけてあげます。
次にリンクさせたいものを選択した状態にし、右側の「移動先」から
移動先のアートボードを選びます。

これだけ!ラクラクです。
大量のアートボードがある時も、名前さえきちんとつけていれば
迷子にならずにすみます。

リンクの共有設定

デザインを作り、さあエンジニアさんに共有するぞ!
と共有画面からリンクを作成したんですが、エンジニアさんから
「カラーコードやマージンなど、開発に必要な情報が見れるようにして」とリクエストいただきました。そりゃそうでした。

この表示設定のところを「開発」に変更しましょう。

これでOK!エンジニアさんも情報がわかるようになります。

おわり

ここまで読んでいただいてありがとうございました!
今日もお疲れ様です。ではまた。