【figma】figmaの画像が書き出せない悩みを10秒で解決する

コーディングでこんな悩みありませんか？

結論：右クリック→Copy as SVG→htmlに貼る

①画像の上で右クリックして「Copu/Paste as」→「Copy as SVG」。

②SVGコードがコピーされるので、htmlに直接貼り付ける。

ただし、死ぬほど長いコードが張り付けられるので、SVGタグの始まりのVをクリックして折りたたんでおこう。

③不要に表れた白い葉っぱが、見事デザインカンプ通りに正しい画像となった。

figmaの画像で困ったときは

一回、SVGコードの形で使うことを検討してみるとよい。

デザインツール、どれも一癖ありますよね…。毎回どこかで沼ります。

これからも簡単なコツで解決できるツールの使い方や勉強法について発信していきますので、ぜひフォローしてみてください。