1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Figma】コンポーネントをsvgファイルとして保存する方法

Posted at

summary

Figmaの拡張機能[SVG Export](https://ww w.figma.com/community/plugin/814345141907543603/SVG-Export)を利用する

detail

Figmaでは標準でコンポーネントのエクスポート機能がない。
(エクスポート機能自体はあるが、Figmaファイルとしてすべてがまとめてエクスポートされてしまう。)

(拡張機能をインストール後)対象のコンポーネントを右クリック
→プラグイン
→SVG Export

複数コンポーネントを選択していると、それぞれまとめてダウンロードできる。

supplement

FlutterでそのままSVGファイルを利用しようとするとエラーになってしまうので
flutter_svgパッケージを利用すること。
参考:【Flutter】Unable to load asset エラーの対処方法

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?