What it is
sanity-plugin-image-gen puts AI image generation inside Sanity Studio v3, wired through your own Next.js API route. Editors open any image field, pick "AI Generate" from the asset source menu, write a prompt, and pick from up to four generated options. Nothing leaves the studio to reach a separate tool.
Because the plugin calls your API route rather than hitting a model directly, you decide which model runs, how prompts are processed, and what the bill looks like. Out of the box it supports FLUX via Replicate, with flux-schnell as the fast default and flux-pro available when quality matters more than speed, and TypeScript types throughout. It needs Node 18+, React 18, and Sanity Studio v3.
What you get
- AI image generation available on any Sanity image field, no custom field type needed.
- Aspect ratio control across four presets (1:1, 16:9, 4:3, 3:2) and four size tiers.
- Up to four variants per generation, so editors can pick without regenerating.
- Negative prompt support for steering the model away from unwanted elements.
- Full integration with Sanity's asset pipeline: generated images land in your project's media library.
- TypeScript types throughout, with no runtime surprises.
How to use it
Install it from the Sanity Exchange or from npm:
Then register it in your studio config, pointing it at your Next.js API route:
The API route itself uses @ai-sdk/replicate and sets REPLICATE_API_TOKEN in your environment. The README has a full route example if you want to start from there.
How we use it
This plugin came out of our own need to keep AI image generation inside the editorial workflow on client projects. When a team is already editing in Sanity, adding a separate generation tool adds context-switching without much benefit. We open-sourced it so anyone building on Sanity can wire in the same pattern without starting from scratch.