Generate OpenGraph images with Figma in one click

  1. Copy your Figma frame URL:
  2. Prepend it with:
    https://usefoggy.vercel.app/api/og?url=
  3. Use it for your OpenGraph image URL:
    <meta
      property="og:image"
      content="https://usefoggy.vercel.app/api/og?url={yourFigmaURLHere}"
    />
  4. That's it ! The image will follow your design updates.

Self-host this project:

Deploy on Vercel

I'm building this micro-SaaS in the open, follow my progress on Twitter.


Platform Stats

--
Images Generated
--
Files Processed