CONTENT CREATION
Figma hero frame to caption-ready blog draft in Coda
When a designer marks a Figma frame ready, this exports the hero image, generates an SEO alt-text caption for it, and drops both into a new Coda blog draft row awaiting an editor.
How it runs
The automated pipeline, trigger to output.
- TriggerFigma frame marked Ready for contentFigma
- ActionExport frame as high-res PNGFigma
- ActionGenerate caption + alt text from imageImage generation
- OutputCreate draft row in Coda Blog PipelineCoda
What it does
Turns a finished Figma hero frame into the starting point of a blog post. It pulls the rendered frame as a PNG, writes a descriptive caption and alt text for accessibility, and creates a draft row in your Coda editorial doc with the image and caption already attached.
When to use it
Use it when design and content are separate teams and the handoff is slow. The moment a designer finishes a hero, the writer should find a ready-to-fill draft instead of chasing exports over Slack.
How it works
- 1A Figma frame status changes to "Ready for content" (webhook fires).
- 2The flow exports the frame as a high-resolution PNG via the Figma API.
- 3generate-image's vision captioning produces a short caption plus accessibility alt text from the rendered hero.
- 4A new row is created in the Coda "Blog Pipeline" table with the image, caption, alt text, and a "Draft" status.
- 5The assigned editor is notified in the row that a hero is ready to write around.
Set it up
What you configure once, before turning it on.
- 1Connect FigmaFiles, frames, comments, assets.
- 2Connect Image generationManaged Nano Banana image renders, metered per image.
- 3Connect CodaDocs, packs, automations.
- 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.