Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Generate editable logos in Figma - Generate organised, editable client logo variations in Figma with matching native export settings.. Machine-readable page: /tinyimage/logos-figma.md.

Generate editable logos in Figma

Generate organised, editable client logo variations in Figma with matching native export settings.

After preparing the logo package, select Generate Logos in Figma to add the configured variants beside the source artwork.

TinyImage creates a horizontal auto-layout package frame with one vertical auto-layout column per selected logo. The columns follow the source order shown from top to bottom in Figma's Layers panel, and each column stacks one editable layer per selected colour scheme.

The original artwork and selection remain unchanged. You can remove the complete generated package with one Figma Undo.

Native export settings ​

Each generated variant receives the matching native Figma export settings:

  • SVG and PDF add one setting each.
  • PNG and JPG add one setting for every selected scale.
  • 2x and 4x raster settings use the @2x and @4x suffixes.

For example, one Grayscale variant with PNG, JPG, SVG, PDF, 1x, and 2x selected receives six export settings. Padding and Remove container backgrounds are also applied to the generated artwork.

Verify the generated package ​

Check that:

  1. Each selected source logo has its own column.
  2. The columns follow the original Figma layer order.
  3. Every selected colour scheme appears once per logo.
  4. The variant names and native export settings match the package options.
  5. Knockout and strongly contrasting nested details still look correct.

You can also export and share the complete ZIP package.