[Figma] アウトライン化する

Figmaを触り始めた初心者です。
マテリアルアイコンをよく使用するのですが、
アイコン自体を編集できると知ったのでここに記録します。

アイコンの形を編集したい

アイコンの形はアウトライン化すると編集できる。

1. 編集したいアイコンを用意する

2. command + option+ B でコンポーネント解除する

3. command + Shift + O でアウトライン化する

4. アイコンをダブルクリックすると編集できる

編集対象のアイコンをアウトライン化してダブルクリックすると、
○(アンカーポイント)が表示される。
ポイントとポイントの間の線はパスという。
0.5マス刻みでアンカーポイントを動かして形を変更できる。
実際に手を動かしてみるのが、1番わかる(感覚が掴める)。

編集前

編集後

色も変更できる

ベタ塗りスタイル(Community画面)

外枠スタイル(Community画面)

色を変更した(自分のファイル)