CodeDesign Help Center

Introducing AI Image Generation in Builder

AI Image Generation allows you to create images directly inside the builder using a text prompt. You can generate visuals without leaving the canvas and apply them instantly to your design.

Selecting an Image and Opening AI Magic

To get started, select any image element on the canvas. Once selected, you’ll see an AI Magic option on the image label. Clicking this opens the AI image generation panel for the selected image.

This works with any image element already placed on the page, whether it’s part of a section, card, or layout.

Generating an Image Using a Prompt

After opening AI Magic, you’ll be prompted to describe the image you want to generate. Enter a clear, natural language prompt describing the scene, style, or subject. Once submitted, AI will generate an image based on your prompt.

When the image is ready, you can choose how to use it. You can replace the currently selected image on the canvas with the newly generated one, save it to your files for later use, or discard it if you want to try again.

This gives you full control without affecting your layout until you decide to apply the image.

Each image generation uses AI credits. You can purchase credits by visiting here

Tips for Writing Better Image Prompts

Writing clear prompts helps generate better results. Here are a few guidelines:

Use clear and specific descriptions. Instead of “coffee image,” try “top-down photo of a latte with leaf-style latte art on a wooden table.”

Mention the style or mood when relevant. For example, modern, minimal, studio lighting, natural light, cinematic, or realistic.

Describe the environment or background if it matters. For example, cafe interior, outdoor setting, plain background, or textured surface.

Avoid very long or complex sentences. Simple, direct prompts usually work better than detailed paragraphs.

If the first result isn’t right, adjust the prompt slightly and generate again. Small changes often lead to better outcomes.

Introducing AI Image Generation in Builder | CodeDesign.ai Help Center