siimply marketing
Settings
All guides
Guide
7 min read

Design automation — making marketing visuals without a designer

Four paths from copy to image: Vercel OG (code-driven), Figma (template-driven), AI imagery, and paid SaaS. Honest trade-offs and one recommendation for each use case.

You need App Store screenshots, social-share images, ad creatives, and landing-page hero visuals. You're one person. Hiring a designer is expensive and you don't need one for 80% of these. Here's the practical landscape.

Four production paths, ranked by use case

Path A — Vercel OG (code-driven, programmatic)

Next.js ships next/og built-in. You write a React component, pass props (title, subtitle, accent color, background), and the framework returns a PNG. Perfect for repeatable templates where you swap text frequently.

  • Best for: social-share / OpenGraph images, Instagram-square branded thumbnails, headers for blog posts.
  • Setup time: ~30 minutes for one template. Templates are reusable.
  • Cost: free — runs as a Next.js Route Handler.
  • Founder's entry point: /tools/visual-builder — pick template, fill form, preview, download.
  • Limitation:the output is functional, not gorgeous. For an indie-launch aesthetic that's usually fine.

Path B — Figma + template (template-driven)

You (or a freelancer for $200) build a master Figma file with 5-10 frames: App Store screenshot variants, social post squares, Story covers, ad layouts. You duplicate a frame and edit the text + screenshot for each new asset.

  • Best for:App Store screenshots (where polish matters), ads, landing-page heroes, anything that needs an "eye" for layout that code can't do.
  • Setup time: 4-8 hours for a brand template (or pay a freelancer once).
  • Cost: free Figma tier is fine for personal use.
  • Automation option: Figma has a REST API and a Plugin API. For higher volume, write a small Node script that reads a CSV of copy and produces variant frames programmatically. Use the figma-template-brief skill to write a clear spec for the template before you build it.
  • Limitation:requires manual swap if you're not automating. Slower than Vercel OG for repetitive output.

Path C — AI image generation

DALL-E 3, Midjourney, Imagen, Stable Diffusion XL. Generate imagery from a text prompt.

  • Best for:hero photography, abstract backgrounds, mood pieces, illustration concepts. Especially good when you'd otherwise resort to stock photos.
  • Bad for: anything with text in the image (gibberish), anything with your actual product UI in it, talking-head photos (uncanny in 2026).
  • Cost: ~$0.04-$0.10 per image via API.
  • Pro tip:generate the imagery, then composite text on top in Vercel OG or Figma. Don't ask AI to render text.

Path D — Paid SaaS (Bannerbear, Placid, Canva Connect)

API-driven design SaaS. You design a template once in their editor, then call their API to swap text/images.

  • Best for: producing 100+ images a week with consistent branding. Marketing teams, not solo founders.
  • Cost: $50-200/month.
  • Skip unless:you've outgrown Vercel OG and don't want to maintain code. Most indie founders never hit this point.

Recommended stack for an indie founder

  1. Use Vercel OG (this app's visual-builder) for all social-share images, branded thumbnails, and quick iterations.
  2. Build one Figma template for App Store screenshots (this is the one place polish matters disproportionately). Use the figma-template-brief skill to write the spec, then either DIY in Figma or hire a freelancer with that brief.
  3. Use AI imagerysparingly for hero / background pieces where you'd otherwise use stock.
  4. Skip the paid SaaS unless / until you have a real automation volume problem.

The under-discussed rule

Brand consistency comes from picking 1 typeface, 1 accent color, and 1 illustration style — and applying them everywhere. Stop changing them. Boring is good.

The founders who look "designed" aren't the ones who designed more. They're the ones who picked a palette early and stopped touching it.