Poor AI Results

Not happy with what the AI is producing? Here is how to get better quality results from the AI editor through better prompting, proper setup, and iterative refinement.

Troubleshooting Issues

Generated Content Does Not Match Request

The AI created something different from what you asked for, or it misunderstood your instructions.

Solution:

1. Be more specific with colors, sizes, and positioning:
   • Instead of: "Make a section"
   • Try: "Create a hero section with a dark blue background (#1a1a2e), large white heading (text-5xl), and a green call-to-action button on the right"
2. Provide design references and examples:
   • "Similar to Apple's minimalist product pages"
   • "Modern and clean with lots of whitespace like Stripe"
3. Break complex requests into multiple messages:
   • First: "Create a hero section with dark background"
   • Then: "Add a large heading on the left side"
   • Then: "Add a green CTA button on the right"
4. Iterate on results with specific adjustments:
   • "Move the button 20 pixels to the right"
   • "Increase the heading font size to text-6xl"

Content Looks Unprofessional

The design quality does not meet your expectations, colors are mismatched, or the overall look feels amateurish.

Solution:

1. Set up your brand identity before generating content:
   • Go to Brand then Identity
   • Configure your brand colors, fonts, and logo
   • The AI automatically uses these settings for consistent branding
2. Define theme settings in design mode:
   • Set primary, secondary, and accent colors
   • Define spacing and border radius values
   • The AI respects these theme variables
3. Request professional styling explicitly:
   • "Make it look professional and modern with clean lines"
   • "Use a corporate, trustworthy aesthetic"
   • "Design it to feel premium and polished"
4. Provide reference examples:
   • "Design like a SaaS landing page (Notion, Linear, etc.)"
   • "Use the visual style of modern fintech websites"

Text Content Is Generic

The AI-generated copy feels bland, unoriginal, or does not reflect your unique value proposition.

Solution:

1. Provide specific context about your business:
   • Explain what your product or service actually does
   • Share your unique value proposition and differentiators
   • Describe your target audience and their pain points
2. Set the tone and voice you want:
   • "Use a friendly, conversational tone like you are talking to a friend"
   • "Be professional and authoritative like a B2B enterprise solution"
   • "Make it exciting and energetic for a young audience"
3. Give specific facts and details:
   • Real statistics: "Mention that we have 50,000 active users"
   • Actual product features: "Highlight the drag-and-drop interface"
   • Real customer benefits: "Emphasize how we save 10 hours per week"
4. Edit and refine the copy iteratively:
   • "Make the headline more compelling and benefit-focused"
   • "Add urgency to the call-to-action button text"
   • "Replace generic features with our specific differentiators"

Styling Inconsistent

Elements have mismatched styles, colors vary across sections, or spacing is uneven throughout the page.

Solution:

1. Use consistent theme settings:
   • Go to design mode and edit theme variables
   • Define colors, spacing, and typography once
   • All new elements will use these values
2. Request consistency explicitly:
   • "Make all buttons use the same style as the hero button"
   • "Apply consistent 8px spacing throughout the page"
3. Reference existing elements as style guides:
   • "Style this section exactly like the hero section above"
   • "Use the same colors and fonts as the header"
4. Build the page section by section:
   • Complete one section with the desired style
   • Use that section as a reference for subsequent sections
   • Copy styling patterns from finished sections

Results Too Basic

Generated content is functional but uninspiring, lacks visual interest, or feels outdated.

Solution:

1. Request specific enhancements:
   • "Add subtle fade-in animations when elements come into view"
   • "Include smooth hover effects on all buttons with scale transform"
   • "Make it more visually interesting with gradient backgrounds"
2. Describe the user experience you want:
   • "Make it feel premium and high-end like a luxury brand"
   • "Add visual polish with shadows, gradients, and depth"
   • "Include modern design touches like glassmorphism effects"
3. Request specific visual elements:
   • Gradients: "Add a gradient from blue to purple in the hero background"
   • Shadows: "Add drop shadows to cards for depth"
   • Borders: "Use subtle borders with rounded corners"
   • Icons: "Add relevant icons next to each feature"
   • Images: "Include a background pattern with low opacity"

Prompt Writing Guide

Use this table to transform vague requests into specific, actionable prompts:

Getting Best Results

Follow these best practices for high-quality AI generations:

• Provide detailed descriptions with specific colors, sizes, and positioning
• Set up complete brand identity before generating content
• Iterate and refine through multiple specific requests
• Review results in preview mode after each change
• Request polish and enhancements after basic structure is complete
• Build page section by section for better control
• Use conversational follow-ups to refine output

FAQ

Related Resources

• AI Editor Overview
• Effective Prompts Guide
• Brand Identity Setup
• Design Mode