Generating Images with AI

AI can generate custom images for your landing pages — from hero backgrounds to icons and product shots. Instead of searching stock libraries or hiring designers, describe what you need and AI creates it.

How It Works

Requesting an Image

In your chat, describe the image:

Generate a hero image showing diverse team members collaborating in a modern office space, with natural lighting and a clean aesthetic

AI will:

1. Understand your description
2. Generate the image using FAL AI
3. Upload it to your media library
4. Place it in your landing page (if requested)
5. Confirm the result with a preview

Image Placement

Ask AI to use the image:

Generate a hero background image with abstract blue gradients and subtle geometric shapes, and add it to the hero section

Or generate first, then place:

Generate an icon set for the features section — 4 minimal line icons for: speed, security, collaboration, and analytics

Then:

Add those icons to the feature cards

Types of Images You Can Generate

Writing Good Image Prompts

Be Descriptive

Include details about:

• Subject — What's in the image
• Style — Photography, illustration, 3D render, etc.
• Mood — Professional, playful, minimal, bold
• Colors — Specific palette or brand colors
• Composition — How elements are arranged

Specify Style

Different style keywords get different results:

• "Photorealistic" — Looks like a real photo
• "Illustration" — Drawn or artistic style
• "Flat design" — Simple, 2D graphics
• "3D render" — Three-dimensional look
• "Minimal" — Clean with few elements
• "Abstract" — Non-representational patterns

Match Your Brand

Reference your brand in prompts:

Generate a hero image in our brand style — professional, tech-focused, using our blue (#3B82F6) and white color scheme

Editing Generated Images

Request Modifications

After generating, ask for changes:

The image is good, but can you:
1. Make the background lighter
2. Add more contrast to the product
3. Remove the element on the right

Regenerate

If you want something different:

Try generating that again with a completely different composition

Or:

Generate 3 variations of the hero image so I can choose

Where Generated Images Go

Media Library

All generated images are saved to your project's media library:

• Available for reuse across your project
• Organized with other uploaded images
• Can be attached to future messages

Landing Page

When AI places an image on your page:

• Image is added to the appropriate component
• Proper sizing and responsive handling applied
• Alt text is usually included (you can ask AI to improve it)

Common Image Requests

Hero Backgrounds

Generate an abstract gradient background with flowing purple and blue shapes, suitable for a SaaS hero section

Feature Icons

Generate 4 minimal line icons in consistent style for:
- Fast performance (lightning bolt)
- Bank-level security (shield)
- Team collaboration (people)
- Real-time analytics (chart)

Testimonial Avatars

Generate 3 professional headshot-style portraits for our testimonials section — diverse group, neutral backgrounds, friendly expressions

Product Screenshots

Generate a mockup of our app dashboard in an iPhone frame, showing a clean analytics interface with blue accent colors

Background Patterns

Generate a subtle dot pattern background in light gray, suitable for a pricing section

Tips for Best Results

Limitations

What Works Well

• Abstract backgrounds and patterns
• Simple illustrations and icons
• General concept visualization
• Mock-ups and device frames
• Decorative elements

What's Challenging

• Exact text rendering — AI struggles with text in images
• Specific brand logos — Upload logos rather than generating
• Precise product photos — Use real photos for accuracy
• Complex scenes — Simple compositions work better

FAQ

Related Resources

• Creating Landing Pages
• Attaching Files
• Media Library