Figma内の素材をダウンロード（エクスポート）してみる

今回は例として図の中にある、オブジェクトをダウンロードしてみます。

なお、このオブジェクトはAdobe Illustratorで作成されたベクターデータをFigmaにコピー＆ペーストで配置したものです。

①ダウンロードした素材を選択します
②Exportのメニューを選択します
③ダウンロードしたいファイル形式を選択します。

下部にある「Export Frame」でダウンロード（エクスポート）が可能です。

さいごに

参考ではSVG形式ファイルのダウンロードを行いましたが、その他にもPNG、JPG、PDF形式でのダウンロードも可能ですので、用途に合わせて使用してみてください。

なお、SVG形式でダウンロードすることにより、デザインされた図をSVG形式でそのままWEBページに入れ込んでいくことが可能なため、とても便利です。

SVG形式のファイルをWordPress（ワードプレス）で使用する場合には、プラグインを使用することで簡単に行うことが可能です。SVG形式ファイルをメディアに入れることが可能になるプラグインは「Safe SVG」や「SVG Support」があります。以下の記事では後者の「SVG Support」についても取り上げています。

2023.04.06

WordPressでSVGファイルをメディアで使ってみる「SVG Support」

SVG形式のファイルはWordPressの初期状態ではサポートされていません。しかしながら、ロゴなどの元がベクターデータの場合、SVG...