なぜ FIG を SVG に変換するのですか？
SVG は、Figma に依存することなく、ブラウザ、コードエディタ、デザインツール、印刷ワークフローで動作するオープンでポータブルなベクター形式です。アイコンやイラストを開発者に渡す際、ウェブページにグラフィックスを埋め込む際、またはアセットを Figma から別のツールに移動して使用する際に SVG にエクスポートします。
これらの形式について
.FIG
Figma Design File (local copy)
.figファイルは、«ファイル > ローカルコピーを保存»から保存されたFigmaデザインプロジェクトのローカルコピーです。これを開くには、Figmaにインポートするしかありません。figma.comのドラフトにファイルをドラッグするか、デスクトップアプリの«ファイル >…
.FIG の詳細を開く →
.SVG
Scalable Vector Graphics
SVG ファイルは Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）画像です。これは W3C のオープン標準であり、2D グラフィックスを XML テキストとして保存するため、品質を損なうことなく任意のサイズに拡大縮小できます。Chrome、Edge、Firefox、Safari…
.SVG の詳細を開く →品質と注意点
- デフォルトでは、Figma は SVG 内のテキストをアウトライン化されたパスとしてエクスポートします。フォントは不要になりますが、テキストの編集はできなくなります。編集可能なテキストが必要な場合は、Figma の SVG エクスポートオプションを確認してください。
- レイヤー、コンポーネント、プロトタイプリンク、スタイル、コンストレイントは Figma 固有のものであり、SVG には存在しません。エクスポートは視覚的な出力のフラットな表現になります。
- 無料の Figma アカウントで十分です。
.figのインポートと SVG のエクスポートに有料プランは必要ありません。
よくある質問
.fig を SVG に変換するためにサードパーティのウェブサイトを使用できますか？
サードパーティの .fig コンバーターは信頼性が低いです。Figma のフォーマットは独自仕様でドキュメント化されておらず、Figma 自体もそのようなツールの使用に対して警告しています。
複数のフレームを一度に SVG としてエクスポートできますか？
はい。レイヤーパネルで Shift+クリックして複数のフレームを選択し、SVG エクスポート設定を追加して Export をクリックすれば、すべてダウンロードできます。
Linux で SVG エクスポートは機能しますか？
はい。Figma は最新のブラウザで動作するため、Linux 用のデスクトップアプリがなくても、ウェブベースのエクスポートが機能します。
