Full Tour

🎨 Introduction & Overview

🤖 What is the AI Image Generation Tool

The AI Image Generation Tool is a powerful interface that enables you to create and transform images using state-of-the-art artificial intelligence models. Whether you're enhancing fabric presentations, creating marketing materials, or exploring creative possibilities, this tool provides everything you need to generate professional-quality visual content.

Key capabilities include:

🖼️ Image-to-Image Transformation: Use an existing image as a base and transform it with AI
🎬 Video Generation: Convert static images into dynamic video content

🪙 Token System Overview

The AI Image Generation Tool operates on a token-based system, allowing you to control your usage and costs transparently.

How tokens work:

Each generation consumes a specific number of tokens based on the model and settings
Your token balance is displayed prominently in the interface
Tokens are deducted when a generation starts
Real-time balance updates keep you informed of your remaining credits

Token costs vary by model and feature:

Image generation costs depend on the selected resolution (1K, 2K, or 4K)
Video generation costs are calculated per second of video, and increase with resolution
Batch size multiplies the base token cost
All costs are displayed before you generate

The Generate button always shows the total token cost for your current settings, and the system will alert you when your balance is insufficient for a generation.

🚀 Getting Started - Interface Layout

The AI Image Generation Tool interface is organized into two main sections, each designed for specific tasks in your creative workflow.

📍 Main Interface Sections

🖼️ Left: Generation Panel Contains your source images, the prompt box, the generation settings, and the Generate button. This is where you configure everything about your next generation.

📚 Right: History Gallery A scrollable gallery showing all your previous generations, both images and videos. Click any completed item to view it full size. On mobile, the gallery appears as a drawer at the bottom of the screen.

🖼️ Source Images

The image area at the top of the Generation Panel is where you load and manage the images used as input for AI generation.

📥 Loading an Image

There are three convenient ways to load images:

📂 Option 1: Click to Browse

Click the "Drop an image here" box
The Image Browser will open
Select an image from your library

🖱️ Option 2: Drag and Drop

Drag an image file from your computer
Drop it directly onto the image area
Supports all common image formats (JPG, PNG, WebP, etc.)

📚 Option 3: Drag from History

Drag any completed image from the History Gallery
Drop it onto the image area to reuse it as an input

🎛️ Image Controls

🧹 Removing Images Hover over any loaded image and click the X icon in its top right corner to remove it. A Reset action clears all loaded images at once.

📐 Aspect Ratios

Your selected aspect ratio from the settings determines the dimensions of the generated output. Source images can be any shape — the AI fits the result to your chosen ratio.

⚙️ Prompt & Settings

The prompt box and Settings section are your control center for configuring AI generation parameters. The settings adapt based on the selected model, showing only relevant options.

✍️ Prompt Input

The large text area is where you describe the transformation or image you want to create.

📏 Capacity: 2500 character limit
⚡ Generation: Press Enter to start generation
↵ New Lines: Use Shift+Enter to add line breaks within your prompt
✨ Best Practices: Be specific, descriptive, and include details about style, mood, lighting, and composition

✨ AI Prompt Help

Need inspiration or want to explore what's possible? Click the sparkles icon next to the Prompt label, describe what you want to see in a few words, and AI will write a detailed prompt for you. The question mark icon opens a dialog of prompt writing tips. You can also drop an image onto the prompt box to have AI describe it as a prompt.

🤖 Model Selection

Use the Type buttons in the Settings section to choose a model, each optimized for different tasks:

**Image **

Generates images from prompts without requiring an input image
Supports up to 3 additional reference images for style guidance
Hover the button to see its token cost

**Video **

Creates video content from a static image plus prompt
Cost calculated per second of video duration
Supports 16:9 and 9:16 aspect ratios

💰 Model-Specific Features Each model displays its token cost clearly, helping you make informed decisions about which model to use for your project.

📐 Aspect Ratio Selection

Choose from seven standard aspect ratios to match your intended use case:

🖥️ 16:9 - Desktop, widescreen presentations
📺 4:3 - Classic displays
📷 3:2 - Classic photography
⬛ 1:1 - Square, social media posts
📱 9:16 - Mobile, vertical video
📄 3:4 - Portrait orientation
🗼 2:3 - Tall portrait

Note that some models have restrictions (e.g., Video supports 16:9 and 9:16 only).

🖼️ Additional Reference Images

Available for Image model only

Add up to 3 additional reference images to guide the AI's style, composition, or aesthetic:

🎛️ Grid Layout: Three additional slots appear next to the main image
➕ Add Images: Click an empty slot to open the Image Browser
❌ Remove Images: Click the X on any image to remove it
🖱️ Drag and Drop: Supported for quick addition

Reference images help maintain consistency across generations and provide visual examples of your desired output style.

📏 Image Resolution

Available for Image model only

Choose the output resolution for your generated images:

🎬 Options: 1K, 2K, or 4K
🪙 Token Cost: 12 tokens (1K), 22 tokens (2K), or 40 tokens (4K) per image
🎯 Strategy: Test prompts at 1K, then switch to higher resolutions for final versions

🔢 Count (Batch Size)

Available for Image model only (not Video)

Generate multiple variations in a single generation:

1️⃣ Options: 1, 2, 4, or 6 images
💰 Token Multiplication: Cost multiplies by the number of images
💡 Use Case: Generate 1 image to test prompts, then increase the count when satisfied

⏱️ Video Resolution & Duration

Available for Video model only

Select the resolution and length of your generated video:

📺 Resolutions: 720p (75 tokens/sec), 1080p (90 tokens/sec), or 4K (105 tokens/sec)
🎬 Durations: 4s, 6s, or 8s (1080p and 4K always render at 8s)
🪙 Example: a 4-second 720p video costs 300 tokens
🎯 Strategy: Start with short 720p videos for testing, increase when satisfied with results

The Video model also has a Mode selector: New generates a fresh video, Extend continues an existing 720p video from your history, and Jump generates a video between a first and last frame image.

🚀 Generate Button

The main action button that starts your AI generation:

🏷️ Label: Shows "Generate" or "Generate Video" with the total token cost for your current settings
🔒 State Changes: Disabled when requirements aren't met
✅ Required Conditions:
- Image loaded (when required by model)
- Prompt entered
- Sufficient tokens available
- No generation currently in progress

⚠️ Insufficient Tokens Warning

When your token balance is too low for a generation, the Generate button is replaced with a warning message and inline token purchase options. This ensures you're never surprised by an inability to generate and provides immediate access to purchase more tokens.

⚡ Generation Process

🎬 Starting Generation

When you click the Generate button:

📢 A toast notification appears: "Starting X image generation(s)..."
💸 Tokens are immediately deducted from your balance
🔄 The generation job is created and begins processing
✨ The UI remains responsive, allowing you to start additional generations

📊 Progress Indicators

In-progress generations appear at the top of the History Gallery:

Status updates are checked automatically while a job is running
Items show "Generating..." or "Pending..." status
The final result appears when complete

💰 Token Deduction

Your token balance updates in real-time when generation starts. The exact cost is deducted immediately.

✅ Completion

When generation finishes:

📚 The History Gallery automatically updates with the new generation
🖱️ Click the item to view it full size
💾 The image is immediately available for download or reuse in your next generation

📚 History Gallery

📐 Layout & Overview

The History Gallery is your central hub for managing all AI-generated content:

📍 Location: Scrollable grid on the right of the interface (a drawer at the bottom on mobile)
🎨 Content: Combined view of images and videos
♾️ Infinite Scroll: Automatically loads more content as you scroll down
⭐ Filters: Buttons to show favourites only or upscaled items only

🖼️ Image Thumbnails

✅ Completed Images

Display the full generated result
Show selection ring (cyan) when selected
Click to view full size, or drag onto the image area to reuse as an input

⏳ In-Progress Images

Display loading spinner with current status
Status text shows "Generating..." or "Pending..."
Update automatically as generation progresses

🎬 Video Thumbnails

Video items are visually distinct from images:

🖼️ Thumbnail: Shows the source image used for video generation
🎞️ Clapperboard Icon: Overlay indicates video content
🔗 Interaction: Clicking opens a preview — use the Open Video button to play the video in a new tab

📊 Job Status Indicators

Each item clearly shows its current state:

✅ Completed: Full image visible, ready for use
⏳ Processing: Loading spinner + "Generating..." text
⏸️ Pending: Loading spinner + "Pending..." text
❌ Failed: Error indicator showing generation failure

🎯 Interactions

🖱️ Viewing Items Click any completed item to open it full size. From the preview you can download the item or click Use in Generation to reuse an image as an input.

⭐ Favouriting Items Hover over a completed item in the gallery and click the star icon to add it to your favourites.

🗑️ Deleting Items Hover over a completed item to reveal the trash icon. Click to delete, confirm in the dialog.

📋 Copying Prompts Hover over any completed item to see a tooltip showing the original prompt. Click the tooltip to copy the prompt into the prompt box.

🔄 Loading More History

The gallery uses infinite scroll for efficient loading:

⬇️ Scroll to the bottom of the gallery
🔄 System automatically fetches the next page
⏳ "Loading..." spinner appears during fetch
🏁 "No more to show" message appears when all items are loaded

🔓 Accessing the Browser

Open the Image Browser through any of these methods:

🖱️ Click the "Drop an image here" box in the image area
➕ Click an empty reference image slot

📑 Media Categories

Use the dropdown pill at the top of the browser to switch between four categories:

📤 My Uploads Your uploaded images - any images you've manually uploaded to the system.

🤖 AI Output Previously generated AI images, making it easy to iterate on past generations.

🎨 Fabrics & Materials Fabric and material images from your material library.

✂️ Cutout Studio Renders from the Cutout Studio tool, perfect for compositing.

📤 Upload Feature

Upload new images directly from the browser:

🖱️ Drag and Drop: Drag image files onto the upload area
📁 Click to Select: Click the upload area to open file picker
📄 Supported Formats: All common image formats accepted

✅ Selecting Images

🔍 Browse through the available images in your selected category
🖱️ Click any image to select it
🔗 The system converts it to a blob URL to prevent CORS issues
❌ Modal closes automatically
✨ Selected image appears in the image area ready for use

📱 Mobile Behavior

On mobile devices the Image Browser fills almost the whole screen. Tap the X button, or anywhere outside the browser, to dismiss it.

💡 Tips & Best Practices

✍️ Writing Effective Prompts

🎯 Be Specific and Descriptive Instead of "nice fabric," try "soft velvet fabric with deep burgundy color and subtle sheen, photographed in natural window light."

🔑 Mention Key Elements

🎨 Style (realistic, artistic, photographic, illustrated)
😊 Mood (elegant, casual, luxurious, modern)
💡 Lighting (soft, dramatic, natural, studio)
🔍 Details (texture, color, patterns, materials)

✨ Use the AI Prompt Helper Click the sparkles icon and describe what you want in a few words — AI will write a detailed prompt for you. The question mark icon opens prompt writing tips.

📚 Learn from History Hover over successful generations in the History Gallery to see their prompts. Click to copy prompts that worked well.

💰 Optimizing Token Usage

🎯 Start Small Begin with a count of 1 at 1K resolution to test your prompt and settings. Once you're satisfied with the results, increase the count or resolution.

⏱️ Test Video Durations Use 4-second 720p videos when testing prompts, then increase the duration or resolution for final versions.

👁️ Monitor Your Balance Keep an eye on your token balance and plan generations accordingly. Purchase tokens in advance during larger projects.

🖼️ Additional Reference Images

🎨 Maintain Style Consistency Use reference images with similar styles to guide the AI toward your desired aesthetic consistently.

🔢 Image Limit Maximum of 3 additional images. Choose the most representative examples.

🤖 Model Availability Additional reference images only work with the Image model. Other models don't support this feature.

🔧 Troubleshooting

⚠️ Common Issues

❌ "Please select an image and enter a prompt" Ensure the selected model requires an input image and both the image and prompt are provided.

💸 "Insufficient tokens" Your token balance is too low for the selected generation. Purchase more tokens via the purchase section.

🖼️ Image Not Loading Check your browser console for errors. Try re-uploading the image or selecting it again from the Image Browser.

⏳ Generation Stuck Check the History Gallery for status updates. If status remains "Pending" for more than a few minutes, the job may have failed. Try generating again.

🖱️ Interface Not Responding Try refreshing the page. If problems persist, clear your browser cache and reload.

🚨 Error Messages

⚠️ "Failed to create job" API error occurred. Check your internet connection and try again. If the problem persists, contact support.

🪙 "Insufficient tokens" Your current token balance is below the cost required for the selected generation configuration.

💳 Token Purchase & Management

💰 Checking Balance

Your token balance updates in real-time:

💸 After each generation, the cost is deducted immediately
🔄 Balance refreshes automatically
⚠️ Options you can't afford are greyed out, and a warning appears when no generation is affordable

🛒 Purchasing Tokens

When your balance is low or insufficient:

🔔 The purchase section appears automatically
📦 Available token packages are displayed with pricing
✅ Select a package and complete the purchase
⚡ Balance updates immediately upon successful purchase

📊 Token Costs Reference

🖼️ Image Generation

💰 Cost per image depends on resolution: 12 tokens (1K), 22 tokens (2K), or 40 tokens (4K)
✖️ Multiplied by the count (1, 2, 4, or 6)

🎬 Video Generation

💰 Cost per second depends on resolution: 75 tokens (720p), 90 tokens (1080p), or 105 tokens (4K)
⏱️ Multiplied by duration (4s, 6s, or 8s)
📈 Example: 6-second 720p video = 450 tokens

💡 Cost Display All costs are shown before generation, ensuring you always know exactly how many tokens will be used.

🎯 Next Steps

Now that you've completed the full tour, you're ready to start creating with the AI Image Generation Tool. Here are some suggested next steps:

✍️ Practice with Prompts: Experiment with the AI prompt helper and modify prompts to see how changes affect results
🤖 Explore Models: Try different AI models to understand their strengths and characteristics
📚 Build a Library: Save successful generations to reference later and build on your best work
💡 Check Example Uses: See the Example Uses page for creative applications and inspiration

Happy creating! 🎨

On this page