Hypermatic Docs

# Getting Started with TinyImage

TinyImage

# Introduction

TinyImage (opens new window) lets you export compressed JPG, PNG, SVG, WebP, AVIF, GIF and PDF files from Figma, reducing image file sizes by up to 95%, or downsize and compress image fills in your Figma file for faster performance.

# Features

  • Exports images up to 95% smaller than the default exports from Figma.
  • Privacy focused — no image data ever leaves your Figma file.
  • Create and export animated GIFs, WebPs, WebMs or MP4 videos from selected layers (with optional transition effects).
  • Optionally add .mp3 audio files to MP4 video exports.
  • Downsize and compress your Figma image fills to their layer size.
  • Built-in ICC color profile support for PNG exports.
  • Convert JPG and PNGs to WebP, AVIF or Progressive JPEG.
  • Use percentage based compression, or maximum KB file size targets.
  • Set specific compression level overrides per image.
  • Merge Figma frames into a single compressed PDF file.
  • Add custom password protection to exported PDF files.
  • Export PDFs as RGB, CMYK or Greyscale.
  • Supports compressing/exporting multiple sizes and formats per layer.
  • Advanced custom filenames (eg. "#{name}#{width}x#{height}#{date}).
  • Automatically saves multiple images as a .zip file.

# Installing TinyImage

Ensure you're logged into your Figma account, then follow the steps below to install the TinyImage Figma plugin.

# Install with your Web Browser

  1. Navigate to the TinyImage Figma plugin (opens new window) page in your web browser
  2. Click the Try it out button in the top right hand side of the page
  3. Select your Figma account from the pop-up window
  4. Figma will create a blank Figma file and pop-up a prompt with the TinyImage plugin details
  5. Then click the Save (bookmark icon) button to install the TinyImage plugin.

# Install with the Figma Desktop App

  1. Open the file browser in Figma.
  2. Click the Community page in the sidebar.
  3. Enter TinyImage into the search bar at the top of the page.
  4. Click the Plugins tab to filter results to plugins only.
  5. Click the Try it out button in the top right hand side of the page
  6. Select your Figma account from the pop-up window
  7. Figma will create a blank Figma file and pop-up a prompt with the TinyImage plugin details
  8. Then click the Save (bookmark icon) button to install the TinyImage plugin.

Watch video tutorial for installing Figma plugins

Follow along with this step by step YouTube video tutorial (opens new window) if you need a visual guide to installing Figma plugins

Figma Organization Users

Anyone with a Figma account can install plugins; however, users in a Figma Organization may only be able to install approved plugins.

# Running TinyImage

Edit Access Required

Anyone with Edit access to a file can run a plugin in that file, anyone who only has View permissions won't be able to run any plugins in that file.

Browser Support

Due to browser compatibility issues, TinyImage isn't supported in Safari. Please run the plugin in another browser (like Chrome (opens new window)) or the Figma Desktop App (opens new window) instead.

Once you've installed the TinyImage Figma plugin, you can switch back into any Figma project file, then follow the steps below.

  1. Right-click anywhere on your Figma project canvas
  2. Hover your mouse over Plugins ▶
  3. Hover your mouse over Saved plugins ▶
  4. Click on the TinyImage plugin

# Quickly re-running the plugin

After you've run the TinyImage plugin once in a Figma file, you'll be able to quickly re-launch it by clicking the TinyImage icon in the right-hand side Figma column (under the "Plugin" subheading).

# Upgrading to a Pro account

After trying out all the Pro features of TinyImage 15 times, you can optionally upgrade to continue using all the extra features that are only available in the Pro version; or if you're a casual user, you can continue using the Free version forever.

Simply click on the Upgrade Now button at the bottom of the Figma plugin window (while it's running) and paste in your Pro key, then click the Unlock button.

Need a TinyImage Pro account?

You can purchase a Pro account for you or your team by visiting the TinyImage (opens new window) product page on the Hypermatic website.

VPN may be required in China

Please note, if you're in China, the accounts server may be blocked by "The Great Firewall of China". If you're seeing a activation error, despite using a valid key, you will likely need to use a VPN (opens new window) to resolve the issue.

Using TinyImage →