Figma Plugin for Campaign Briefs

A custom Figma plugin that pulls live campaign data from Airtable and auto-populates creative brief templates — cutting manual copy-paste work across dozens of deliverables. Built for the Crocs global marketing team, it syncs campaigns, deliverables, assets, regions, and Bynder image references directly into Figma in one click.

Building creative briefs at scale is tedious — campaign name here, region there, asset filenames copy-pasted from a spreadsheet, then repeat for every deliverable. For the Crocs global marketing team, that meant dozens of manual updates per campaign across Paid Media, CRM, eComm, Display, and more. This plugin eliminates that entirely.

How it works

The plugin connects Figma directly to Crocs’ Airtable base, pulling the full campaign data graph — campaigns, deliverables, assets, channels, and regions — and maps it into a Figma brief template. Select a campaign, hit Generate All Assets, and the plugin walks every page, finds the matching section frames by keyword, and populates text layers like PLUGIN_CampaignName, PLUGIN_Region, and PLUGIN_SKUs with live data. Frames whose dimensions don’t match the brief spec are dimmed to 20% opacity automatically, so reviewers can see at a glance what’s missing or mismatched.

The Bynder integration

Version 4 added a visual image picker using Bynder’s Compact View — no API credentials required, just your existing Bynder session. Click “Link Images from Bynder,” search and multi-select the campaign assets, and the plugin matches them to Airtable’s Visual Reference field using a smart three-tier matching algorithm: exact match, partial match, then extension-stripped match. A preview panel shows how many images are linked before you generate, so there are no surprises.

The build

Under the hood, the plugin is TypeScript compiled to Figma’s plugin runtime, with a full HTML/JS UI panel that handles the Airtable and Bynder network calls. A suite of browser-console debug scripts — campaign inspectors, deep record explorers, Display & Etail discovery tools — made it possible to map Airtable’s relational structure accurately before writing a single line of plugin code. Version logic even handles V1/V2 deliverable splits, duplicating and placing sections automatically.

Why it matters

This pattern — Figma as a live output layer for structured ops data — is broadly applicable. Any team managing templated creative at scale (retail, publishing, brand licensing, events) could replace manual brief-filling with a plugin like this. The Bynder Compact View approach is particularly reusable: it means any DAM-integrated team can add visual asset picking to their Figma workflow without building a custom OAuth flow.