The Logos tab opens the Logo Packager panel, which creates a ZIP containing the logo variants you want to hand off.
Prepare the package
- Select one or more logo frames, groups, components, instances, or vectors in Figma.
- Open the Logos tab. TinyImage reads the current selection automatically in the Logo Packager panel.
- Enter the client or package name and configure the filename pattern.
- Choose the colour schemes, file formats, scales, padding, and other output options.
- Select Review Logo Artwork (n) to review the loaded lockups and edit their delivery names.
The selection tip at the top of the main panel prompts you to select layers, then shows the number of loaded layers when the selection is ready. Review Logo Artwork (n) appears beside this resolved tip and opens the per-logo list in a scrollable slide-up panel. TinyImage refreshes this list automatically when the Figma selection changes; select the refresh icon in the panel heading to reread the current selection manually. Select the frame icon beside an artwork item to jump to that node in Figma. The Export ZIP button shows how many files the current settings will create.
Filename pattern tokens
Use these tokens in Filename pattern:
| Token | Output |
|---|---|
{client} | Client or package name |
{package} | Client or package name |
{lockup} | Delivery name for the selected artwork |
{color} | Colour scheme name |
{size} | Raster export scale, such as 1x or 2x |
{format} | File format, such as PNG, JPG, SVG, or PDF |
Use / anywhere in the pattern to create a folder boundary. You can add more than one slash to create nested folders. Type - or _ directly wherever you want that separator; TinyImage also uses that style when cleaning token values.
For example:
{lockup}/{format}/{client}-{lockup}-{color}-{size}This can create a path such as:
full-logo/PNG/acme-full-logo-full-color-2x.pngTinyImage adds the correct file extension automatically, so do not include an extension in the pattern. If you leave the field empty, TinyImage uses the displayed default pattern:
{lockup}/{format}/{client}-{lockup}-{color}-{size}If Client or package name is empty, TinyImage uses the displayed placeholder value. Empty delivery-name fields fall back to the corresponding Figma layer name.
Choose the outputs
Select the colour schemes and file formats to include. PNG and JPG can be exported at multiple scales; separate scale values with commas or spaces. Leaving the scale field empty uses 1, 2, 4.
You can also:
- Add custom single-colour schemes using a label and hex colour. Separate multiple schemes with semicolons.
- Add equal padding around every exported variant.
- Remove the fill from selected frame, component, and instance containers before export.
- Organise files into any folder hierarchy using
/in the filename pattern.
When the package is ready, select Export ZIP. TinyImage validates the settings, generates every selected variant, and prepares the ZIP for download. Controls are temporarily disabled while the loading notification reports export progress.
The ZIP also includes README.txt and package-manifest.json files describing the package and its generated files. TinyImage automatically adds a number when two variants would otherwise use the same path.
Logo packages use RGB output. Figma cannot generate native AI or EPS files, or true CMYK vector artwork.