【エンジニアのためのSketch講座】シンボル ーボタンやタイトルなどをまとめて編集する

ボタンやタイトルなど、繰り返し使いたい要素をグループ化しシンボルとして使うことができます。シンボルにすると、シンボル内の一つの変更が全てに適用されるので効率よく作業することができます。

1.シンボルにしたいUIを選択する。

(複数ある場合にはShiftを押しながらまとめて選択する) スクリーンショット

2.Create Symbolをタップして選択したUIをシンボルにする。

スクリーンショット

3.シンボルに名前をつける。

スクリーンショット
“Send Symbol to “Symbols” Page”にチェックを入れるとシンボルページにシンボルが表示されるようになります。

スクリーンショット
チェックを入れない場合は同じページ上に表示されます。

スクリーンショット

同じシンボルを複数のアートボードで使っている場合には、一つのシンボルを編集するとその他も自動で変更されます。

スクリーンショット
タイトルの”Profile”を大文字に変更してみます。

スクリーンショット
一気に変更されました。

スクリーンショット

シンボルを使いたい場合は、Insert >Symbol > 使いたいシンボル を選びます。

スクリーンショット

そのままドラッグして置きたい場所に移動します。

スクリーンショット

スクリーンショット