---
url: "/ja/tinyimage/logos-figma.md"
description: "Figmaネイティブのエクスポート設定付きで、整理された編集可能なクライアント向けロゴのバリエーションをFigmaに生成します。"
---

# Figmaで編集可能なロゴを生成する

> Figmaネイティブのエクスポート設定付きで、整理された編集可能なクライアント向けロゴのバリエーションをFigmaに生成します。

[ロゴ一式を用意](/ja/tinyimage/logos)したら、**Generate Logos in Figma**を選んで、設定したバリエーションを元のアートワークの横に追加します。

[Video](/assets/videos/tinyimage/compress/logos-insert-to-figma.mp4)

TinyImageは、水平方向のオートレイアウトのパッケージフレームを作成し、選択したロゴごとに垂直方向のオートレイアウトの列を1つ作ります。列はFigmaのLayersパネルで上から下に表示される元の順序に従い、各列には選択した配色ごとに編集可能なレイヤーが1つずつ縦に並びます。

元のアートワークと選択は変更されません。生成したパッケージ全体は、FigmaのUndo 1回で削除できます。

## ネイティブのエクスポート設定 {#native-export-settings}

生成された各バリエーションには、対応するFigmaネイティブのエクスポート設定が追加されます。

- SVGとPDFでは、それぞれ1つの設定が追加されます。
- PNGとJPGでは、選択した倍率ごとに1つの設定が追加されます。
- 2xと4xのラスター設定では、`@2x`と`@4x`のサフィックスが使われます。

たとえば、PNG、JPG、SVG、PDF、1x、2xを選択した**Grayscale**のバリエーションには、6つのエクスポート設定が追加されます。余白と**Remove container backgrounds**も、生成されたアートワークに適用されます。

## 生成されたパッケージを確認する {#verify-the-generated-package}

次の点を確認してください。

1. 選択した元のロゴごとに、個別の列がある。
2. 列が、Figmaの元のレイヤー順に並んでいる。
3. 選択した各配色が、ロゴごとに1回ずつ表示されている。
4. バリエーションの名前とネイティブのエクスポート設定が、パッケージのオプションと一致している。
5. 抜きの部分やコントラストの強いネストした細部が、正しく表示されている。

[ZIPのロゴ一式全体をエクスポートして共有する](/ja/tinyimage/logos-export)こともできます。