Add-ons + Scripts

Small automations that save real time

Photoshop and Figma add-ons, browser tools and CLI scripts — the little helpers our own team runs every day.

// export all layers
app.activeDocument
  .layers.forEach(save);

Photoshop

Export every layer or artboard to PNG/JPG/WebP in one run.

$6 JSX

dieline(60, 40, 20);
// w, h, depth (mm)

Photoshop

Generate a cut/fold dieline from a box size in millimetres.

Free JSX

frames.forEach((f,i)=>
  f.name = `Screen ${i+1}`)

Figma

Bulk-rename selected frames with a numbered pattern.

Free Plugin

:root{
  --brand:#f7ce08;
}

Figma

Export color and type styles to CSS variables or JSON.

$8 PluginJSON

resize(files, {
  max: 1200
});

Browser

Drag images into the tab and resize a whole folder at once.

Free JS

codes.map(makeSVG)
  .forEach(print);

Browser

Generate a sheet of codes from a pasted list, then print.

Free JS

$ npx cw-optimize \
  ./assets --webp

CLI

One-command image optimizer for build pipelines.

$4 Node

$ cw-seq CW- 1 500
# CW-0001 ...

CLI

Generate padded serial sequences for labels and SKUs.

Free Node

contactSheet('./imgs',
  {cols:4});

Photoshop

Build a printable contact sheet from a folder of images.

$6 JSX

Need something custom?

We build bespoke tools, mockups and templates for teams. Tell us what you are working on.