Generate Images in Gemini with MCP

imejis

imejis

@Imejis_io

#tutorials

To generate images in Gemini with MCP, add the Imejis server (https://api.imejis.io/api/mcp) as a custom remote MCP connector, approve the sign-in, and ask Gemini to render a design. No API keys to paste, no switch to a separate design tool.

Gemini already writes the copy. With the Imejis connector it also renders the matching image, from the same templates and components you'd use by hand, and sends it back into the conversation.

What you can renderWhat you can render

Gemini talks to the same Imejis components you'd use in the editor. That's 27 component types, from text and images to QR codes, charts, and tables. The jobs that come up most:

  • OG images for each page or post, rendered from one template
  • QR codes that point at a campaign, a profile, or a product page
  • Charts and tables built from real numbers, not hand-drawn
  • Certificates, tickets, and receipts generated per record

None of these are generative art. They're structured designs, filled with your data, rendered pixel-perfect and repeatable.

Connect geminiConnect Gemini

The Gemini web app connects remote MCP servers over OAuth. Open Settings, go to Connected Apps, choose Custom apps, and add a new server with the Imejis endpoint:

https://api.imejis.io/api/mcp

Approve the Imejis sign-in when it appears. The token lives inside Gemini, scoped to your account. There's no key to store in a config file.

Custom MCP connectors in the Gemini app are rolling out under Google's availability terms (a personal Google account, and Google's current regional and age requirements). If the Custom apps option isn't available to your account yet, you can connect the same https://api.imejis.io/api/mcp endpoint from the Gemini API, which accepts remote Streamable-HTTP MCP servers for apps you build. Either way the endpoint and the OAuth sign-in are the same. See Google's MCP connector documentation for the latest steps, and the Model Context Protocol spec for how the handshake works.

Design and renderDesign and render

Ask Gemini in plain language. Start by listing what you have:

List my Imejis designs and templates with their dimensions.

Then build or edit a design:

Start from the "Blog OG" template. Set the headline to "How MCP works"
and render it as a PNG.

The finished image comes back in the chat. Iterate the way you would in conversation: a darker background, a shorter headline, a different accent color. Because it's a template render, the output is deterministic: the same design and data always give you the same image.

One thing to know: a design's dimensions are fixed at creation. For a different size, ask Gemini to start from a template in that size rather than resizing an existing one. That's what keeps renders pixel-perfect.

TroubleshootingTroubleshooting

  • The Custom apps option is missing: custom MCP connectors in the Gemini app are gated by Google's availability terms. Connect the endpoint from the Gemini API instead; the MCP server is the same.
  • The sign-in never shows: ask Gemini to list your designs. The OAuth prompt fires on the first tool call, not when the connector is added.
  • The tools don't appear: reload the chat after adding the connector. Remote MCP tools load when the session starts.
  • A render looks wrong: field names must match the design's component keys. Ask Gemini to show the render fields for the design before you change them.

Start generatingStart generating

Connect once and Gemini can design and render real images without leaving the chat.

  • New to this? The AI Agents page is the quick tour, with live previews and copy-paste prompts.
  • Want the full workflow? The Claude MCP guide goes deeper on wiring renders into automation.
  • Prefer to call the API directly? The API docs have tested examples in Node.js, Python, Go, and more.
  • Ready to go? The free tier is 100 renders a month, no card.

Frequently asked questions

Yes, once you connect the Imejis MCP server. Gemini renders your templates into real PNG, JPEG, WebP or PDF images: OG images, QR codes, charts, certificates. It designs from a template you control and returns a finished image in the chat. It does not paint art from a prompt; it renders structured designs with your data.

In the Gemini web app, open Settings, go to Connected Apps, choose Custom apps, and add a new remote MCP server with the endpoint https://api.imejis.io/api/mcp. Approve the Imejis OAuth sign-in when prompted. Custom MCP connectors in the Gemini app require a personal Google account that meets Google's current availability terms; developers can also connect the same endpoint from the Gemini API.

Yes. Each image Gemini renders through the Imejis MCP server counts as one API call, the same as a direct request. The free tier is 100 renders a month, no card.

The Gemini web app connects remote MCP servers over OAuth through Settings → Connected Apps → Custom apps, and the Gemini API connects the same Streamable-HTTP endpoints for apps you build. Imejis serves one OAuth-protected endpoint that works for both.

No. Gemini fills a design you control, from the same 27 component types you'd use in the Imejis editor, and the render is deterministic: the same design and data return the same image every time. That is the point for OG images, badges and certificates, where you need repeatable output, not a new picture each run.
See all posts

We use cookies to run the site and, with your consent, for analytics and marketing. See our Cookie Policy. You can change this any time from “Cookie settings” in the footer.