Figma Toolkit

For display banner teams

Figma Toolkit

Figma plugins for building banner suites, and browser checks for what you deliver.

Still in development: check everything yourself. These tools are still being tested and can get things wrong. Before you deliver anything, look at every banner's playback, end frame, click-through, file sizes and backup image against the placement's own specs. The automated checks help; they don't replace your review. Provided as is.

Plugins

For the Figma desktop app

Copy Motionlatest

Animate one banner, copy its motion across the suite, then export every banner as HTML5.

  • Copies Figma Motion by matching copy, images and components
  • HTML5 zips with an empty clickTag and a backup JPG each
  • Aims at Google's specs: 150 KB, stops by 15 s
  • Restore point before every change
Download Copy Motion
Newest versionDetails and what's new

Static Recomposelatest

Design one ad, get every other size, plus linked language versions.

  • Resizes one design into every empty size frame
  • Pass, review or blocked checks on every size
  • Linked language versions with a content editor
  • PNG export with a validation report
Download Static Recompose
Newest versionDetails and what's new

Install and update

Same steps for both plugins
You need the Figma desktop app. Plugins installed this way don't appear in Figma in the browser.

First install

  1. Unzip the download. You get a folder named after the plugin, like Copy Motion.
  2. Move it somewhere permanent, like Documents/Figma Plugins. Figma runs the plugin from there, so don't leave it in Downloads.
  3. In the Figma desktop app: Plugins → Development → Import plugin from manifest… and pick manifest.json in that folder.
  4. Run it from Plugins → Development.

Updating

When a new version is out, the plugin shows a notice at the top of its panel.

  1. Download the new version above and unzip it.
  2. Drag its files into the folder you installed from and choose Replace.
  3. Close and reopen the plugin. No need to import it again.
Something not working?
There's no Plugins → Development menu

You're in Figma in the browser. Open the file in the Figma desktop app.

I can't pick manifest.json

Unzip the download first, then pick manifest.json inside the plugin's folder, not the zip.

The update didn't change anything

Replace the files in the same folder you first imported from, then close and reopen the plugin. The version shows in the panel.

The plugin disappeared

Its folder was moved or deleted. Put it somewhere permanent and import manifest.json again from there.

In the browser

Nothing is uploaded
Check a deliveryDrop a delivery: every banner plays beside its backup, with weight, length, clickTag and package checks. Figma or GWD banners.
GWD clickTagConvert Google Web Designer banners to a standard IAB clickTag with no hardcoded URLs, and check them.

Plugin details

What each one handles, and what's changed

What it handles

Works well

  • Fades and slides, matched to Figma's playback
  • Scale, rotation, diagonal and custom moves (flagged so you compare with Figma)
  • Hand-placed position, opacity, rotation and scale keyframes
  • Any banner size; photos, cutouts and vectors

Not yet

  • Size, path-draw and per-letter text animation
  • Animated colour, blur or corner radius
  • Timelines over about 3 s at 2 plays: choose Plays once (the banner says what fits)

It only works on the page that's open and only changes animation. Locked layers and main components are left alone.

What's new