![見出し画像](https://assets.st-note.com/production/uploads/images/121945744/rectangle_large_type_2_6ec3df207936cee218fe911764f7ac46.png?width=1200)
[Figma] アウトライン化する
Figmaを触り始めた初心者です。
マテリアルアイコンをよく使用するのですが、
アイコン自体を編集できると知ったのでここに記録します。
アイコンの形を編集したい
アイコンの形はアウトライン化すると編集できる。
編集したいアイコンを用意する
command + option+ B でコンポーネント解除する
command + Shift + O でアウトライン化する
アイコンをダブルクリックすると編集できる
編集対象のアイコンをアウトライン化してダブルクリックすると、
○(アンカーポイント)が表示される。
ポイントとポイントの間の線はパスという。
0.5マス刻みでアンカーポイントを動かして形を変更できる。
実際に手を動かしてみるのが、1番わかる(感覚が掴める)。
![](https://assets.st-note.com/img/1700207495636-YjsuYZQ2DT.png?width=1200)
![](https://assets.st-note.com/img/1700206907719-rS5yyDZXh8.png?width=1200)
色も変更できる
![](https://assets.st-note.com/img/1700205508018-ERgjFTvymV.png)
![](https://assets.st-note.com/img/1700205508135-1nVgDzbNjt.png)
![](https://assets.st-note.com/img/1700205691833-peGNhSCYSv.png)
この記事が気に入ったらサポートをしてみませんか?