Sketchでオーバーライドする方法

Sketchにはシンボルという共通のオブジェクトの管理を効率化する機能があります。

とても便利な機能なのですが、基本は同じなんだけど、「例外的にこのシンボルだけは文字を変えたい」といったときに、

共通のシンボルを使いながらも、そのシンボルだけは例外的に文字を変える、といった設定ができます。それがオーバーライドです。

Sketchでオーバーライドする具体的手順

1つのシンボルをPage上に3つ並べた状態を例として、解説します。

これらは共通のシンボルなので、Symbolsの画面でシンボルを書き換えると、表示されている3つのテキストはすべて変更されます。

では、オーバーライドを見ていきましょう。

Page上に並ぶ3つのうちの1つを選択してください。

右メニューにOverrides(オーバーライド)のエリアを確認してください。

テキスト入力エリアに、変更後のテキストを入力しましょう。

すると、選択しているテキストだけが、変更後のテキストに変更されます。これがオーバーライドです。

Symbolsレイヤーに切り替えて、シンボルを「これは青色のテキストです」から「これはブルーのテキストです」に修正してみました。

Page上ではオーバーライドしたものはそのままで、それ以外はシンボルの変更が適用されます。

おしまいに

シンボルのオーバーライド機能は、共通したオブジェクトの管理上、手間を減らすために非常に便利なので

ぜひ覚えておきましょう。

この記事は役に立ちましたか? 役立った 役立たなかった
0 人中 0 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads