[Figma] colorのstyleの登録

Fillから「+」でstyleを選択して、登録したいstyle nameを入れる

フリーのアイコンサイト
https://www.flaticon.com/

■SVGのメリット
ベクター形式:拡大・縮小しても画質が劣化しない
編集可能:Figma上で色やサイズを自由に変更できる
軽量:同じ解像度のPNGよりファイルサイズが小さい場合が多い
デザインシステムとの相性:コンポーネント化して再利用しやすい

■PNGを使う場合
ラスタ形式:解像度に依存するので拡大するとぼやける
編集不可:Figma上で色や形を直接変更できない
適した用途:
写真やテクスチャを含むアイコン
細かいグラデーションや影付きアイコン

SVGもコンポーネント化される

なるほど〜 ちょいちょい勉強になるね!