AI Image Generation
Generate custom images for your website using AI. Create unique visuals without stock photos.
Need custom images? The AI can generate unique visuals for your website—no stock photos required.
How It Works
Generate from Description
Describe the image you need:
"Generate a hero image with abstract gradient waves in purple and blue"
"Create an illustration of a team collaborating around a laptop"
"Make an icon set for a finance app: wallet, chart, card, transfer"
The AI creates the image and adds it to your project.
Image Styles
Specify the visual style:
| Style | Example Prompt |
|---|---|
| Photo-realistic | "A photo of a modern office space" |
| Illustration | "An illustrated scene of people working" |
| Abstract | "Abstract geometric patterns in brand colors" |
| Icon | "A minimal line icon of a rocket" |
| 3D | "A 3D render of a floating laptop" |
Best Practices
Be Specific
More detail = better results:
Vague:
"Create an image for the hero"
Better:
"Create a hero image for a SaaS landing page. Show a dashboard UI on a laptop, floating in a gradient background of blue to purple. Modern, clean, professional style."
Specify Dimensions
Tell the AI what size you need:
"Generate a 1200x600 hero banner"
"Create a square thumbnail for blog posts"
The AI will generate appropriately sized images.
Match Your Brand
Include brand details:
"Use our brand colors: #1985FF as primary"
"Match the minimal, dark aesthetic of the rest of the site"
Use Cases
Hero Images
Create eye-catching headers:
"A gradient mesh background with floating 3D shapes for a tech startup hero"
Blog Thumbnails
Unique images for each post:
"An illustration representing 'The Future of AI' with robots and data visualization"
Icons & Graphics
Custom iconography:
"Create 4 feature icons: speed (lightning), security (shield), scale (chart), support (headset)"
Limits
- Images use credits (5 credits per generation)
- Maximum resolution: 2048x2048
- Some content restrictions apply
Next Steps
- Assets Manager — Organize your images
- Prompt Engineering — Write better descriptions