CONTENT CREATION
Auto-annotate raw screenshots with Figma callout overlays
Watches a Drive folder for raw product screenshots, generates numbered callout arrows and labels on a Figma template, and exports finished annotated images to R2 for the docs team.
How it runs
The automated pipeline, trigger to output.
- TriggerNew raw screenshot in watched Drive folderGoogle Drive
- ActionRead sidecar annotations JSONGoogle Drive
- ActionPlace image and instantiate callout markers in Figma frameFigma
- ActionExport composed frame as PNGFigma
- OutputUpload annotated PNG to R2 and comment the URL on DriveCloudflare R2
What it does
Turns bare product screenshots into polished, annotated tutorial images. When a designer or PM drops a raw capture into a watched Google Drive folder, this workflow places it onto a Figma annotation template, draws numbered callout markers and label text at coordinates you specify in the filename or a sidecar JSON, then exports a flattened PNG to R2 with a stable public URL.
When to use it
Use it when your help center or onboarding flow needs consistent, branded screenshot annotations and you don't want every contributor hand-placing arrows in Figma. It enforces one callout style across every image.
How it works
- 1A new file in the watched Drive folder fires the trigger.
- 2The flow reads an accompanying `.annotations.json` describing callout positions and label text.
- 3It uploads the raw image into a Figma annotation frame and instantiates numbered marker components at each coordinate.
- 4Figma exports the composed frame as a PNG.
- 5The finished image is written to R2 under a predictable docs path and the URL is posted back as a Drive comment.
Set it up
What you configure once, before turning it on.
- 1Connect Google DriveDocs, sheets, slides, files.
- 2Connect FigmaFiles, frames, comments, assets.
- 3Connect Cloudflare R2Object storage, S3-compatible.
- 4Set each agent's modelWe leave models unset so you pick the tier — fast + cheap, or top-quality.
- 5Tune it to your dataEdit the prompts, filters, and field mappings so it matches how your team works.
- 6Test, then turn it onRun once against a sample, confirm the output, then enable the trigger.
More Content Creation workflows
Build a Dropbox B-roll library from exported blog drafts
Triggers when a new blog draft file lands in a Dropbox folder, generates a Replicate B-roll clip for each paragraph.
Generate B-roll clips when a blog post is marked Ready in Notion
Watches a Notion blog database for posts flipped to 'Ready', splits the body into paragraphs, and generates a short B-roll video clip for each paragraph with Replicate.
On-demand: turn a blog URL into narrated B-roll clips
Accepts a blog URL via webhook, scrapes the article, generates a B-roll clip per paragraph with Replicate and a voiceover with ElevenLabs.
On-Demand Screenshot Freshness Report from a Slack Command
A writer requests a freshness check in Slack for a specific docs page; the workflow inspects every screenshot on that page, scores each by age and version gap.
Sync a Figma master frame into localized hero renders
Pulls the current master hero frame and its text layers from Figma, generates a localized image variant for each locale defined in Airtable.
Research-driven localized hero banners tuned per market
An agent researches cultural and seasonal cues for each target market, adapts the master hero concept to fit local context, generates a tailored image per locale.
Run it inside a business
This workflow drops into a full company template. Import the org, and this is one of the playbooks its agents run.
Run this workflow in your colony.
14-day trial. No DevOps. No Sales call. Provisioned in under a minute.