---
title: "AI-first Visual Editor using GPT-4o’s gpt-image-1 Model"
description: "We embedded OpenAI’s gpt-image-1 API into our CreativeEditor SDK, enabling users to generate and refine images directly in their creative workflow, no tool switching. This brings multimodal AI into real-world design tasks with seamless prompting, editing, and visual iteration."
url: "https://img.ly/blog/ai-first-visual-editor-for-gpt-4o-image-gen/"
type: "blog"
date: "2025-05-05"
author: "Eray"
tags: ["AI","gpt-4o"]
---

> This is the markdown version of [AI-first Visual Editor using GPT-4o’s gpt-image-1 Model](https://img.ly/blog/ai-first-visual-editor-for-gpt-4o-image-gen/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## What We Built

We integrated OpenAI’s new `gpt-image-1` API (from GPT-4o) directly into our fully functional visual editor, **CreativeEditor SDK (CE.SDK)**, enabling generation, editing, and refinement of images without ever leaving your creative workflow.

<style>.cta-button-wrapper { text-align: center; margin: 2em 0; } .cta-button { background-color: #471aff; color: #ffffff !important; padding: 0.75em 1.5em; border: none; border-radius: 6px; font-size: 1.2rem; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; transition: background-color 0.2s ease-in-out !important; } .cta-button:hover { background-color: #3724b7; }</style><div class="cta-button-wrapper"><a href="https://cdn.img.ly/demo/gpt-image-1/v1/" target="_blank" class="cta-button">Open AI Editor Demo Page</a></div>

### From Simple Image Generation to Visual Prompting on a Canvas

Inside the editor, users can now:

**Generate Images**  
Use prompts to generate images from scratch.

**Generate Images from Visual Prompts**  
Turn full compositions (images, text, and annotations) into fresh visual content. Just select your page and let AI handle the rest, as shown in the video.

<video src="https://storage.googleapis.com/imgly-static-assets/static/blog/videos/imgly-ai/visualprompt_05.mp4" controls autoplay muted loop playsinline></video>

**Reimagine Images & Text**  
Edit existing images and text with prompts to iterate faster and create **variants**.

<video src="https://storage.googleapis.com/imgly-static-assets/static/blog/videos/imgly-ai/variants_02.mp4" controls autoplay muted loop playsinline></video>

**Create Incredible Compositions**  
Combine generated and uploaded images into complex compositions.

<video src="https://storage.googleapis.com/imgly-static-assets/static/blog/videos/imgly-ai/combine.mp4" controls autoplay muted loop playsinline></video>

Each step builds on the last, evolving from basic generation into true visual prompting powered by multiple input modes, all within one canvas. Check out the live demo [here](https://cdn.img.ly/demo/gpt-image-1/v1/index.rc6.html).

## How We Built It

We built this integration using our **CE.SDK** and its flexible **plugin** system, designed from the ground up to support AI-first creative workflows.

This approach lets developers plug in any model or API (text, image, video, or audio), and run them all in one seamless editing flow. Whether you're using OpenAI, Stability, or an in-house model, CE.SDK gives you the tools to bring it into the visual workflow natively.

🔗 Check out our [AI Editor](https://img.ly/use-cases/ai-editor.md).  
📘 Learn how to [integrate AI into CE.SDK](https://img.ly/docs/cesdk/js/user-interface/ai-integration-5aa356.md).

## Why This Matters

Generative AI’s full potential isn’t unlocked by prompting alone, it’s unlocked when embedded into real-world creative workflows.

Designers, marketers, and content teams don’t just need outputs; they need **control**, **iteration**, and **context**. By bringing AI directly into the canvas where assets are created and edited, we turn generative models into tools for actual production, not just ideation.

This shift enables:

- **Creative work in context**: No switching between ChatGPT and design tools.
- **Real-time augmentation**: Prompt, edit, refine _in place_.
- **Scalable content generation**: Automate localization, personalization, and variants.
- **Multimodal orchestration**: Use visuals, layouts, and annotations as inputs.

It’s a step toward making multimodal AI usable for **real design workflows**, not just concept generation.

## Integration & Feedback

This linked demo is **rate-limited**, if you would like to test more extensively or if you are interested in giving the AI editor a spin inside your own app, you can get started with our [documentation](https://img.ly/docs/cesdk/js/user-interface/ai-integration-5aa356.md).

We’d love your feedback, any thoughts, questions, and ideas are welcome!  
[Reach out](mailto:ai@img.ly) to us.

---

**3,000+ creative professionals gain early access to new features and updates. Don't miss out, and** [**subscribe**](https://share.hsforms.com/1IgAOV1wASXGPnFG4ZPLejg1hk3i?ref=img.ly) **to our newsletter.**

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.