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

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

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

ネイティブのエクスポート設定

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

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

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

生成されたパッケージを確認する

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

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

ZIPのロゴ一式全体をエクスポートして共有することもできます。