Writing Effective Prompts
Master the art of communicating with the AI editor to create stunning landing pages quickly.
The Firebuzz AI editor is more than just a chatbot—it's an intelligent assistant running in a secure preview environment. It can update designs, generate images, add components, and analyze external websites for inspiration.
To get the best results, structure your prompts to leverage these specific capabilities.
Prompt Structure
The most effective prompts combine Intent (what you want) with Context (details/constraints):
| Component | Description | Example |
|---|---|---|
| Action | The operation to perform | "Create", "Update", "Generate", "Analyze" |
| Target | The specific element or file | "Hero section", "Button component", "Main image" |
| Details | Specific constraints | "Using dark mode colors", "With a 3-column grid" |
| Reference | External context (optional) | "Similar to Apple's design", "Based on the attached image" |
Capabilities & Use Cases
1. Design & Layout Changes
The AI can modify your landing page design, layout, and styling instantly.
Good Prompts:
- "Create a new testimonials section with a carousel animation."
- "Make the pricing cards more prominent with larger text and borders."
- "Change the primary button color to bright orange across the entire page."
You can ask the AI to add advanced features like animations, icons, or interactive elements without knowing how they work technically.
2. Image Generation & Editing
Create professional images for your landing page without leaving the editor.
Generating Images:
- "Generate a hero image of a modern office space with soft lighting."
- "Create a professional icon for 'Analytics' in blue and white."
- "Generate a background image with abstract shapes in our brand colors."
Editing Images:
- "Make this image brighter and add a blue tint."
- "Remove the background from the attached logo."
- "Crop this image to focus on the product in the center."
3. Website Analysis & Inspiration
Get inspired by successful websites. The AI can analyze external sites and recreate their best elements.
Analysis Prompts:
- "Look at stripe.com and create a similar hero section for my page."
- "Check out linear.app and recreate their gradient text effect for my headline."
- "Analyze apple.com's product section and adapt it for my services."
4. Content & Copy Changes
Update text, headlines, and messaging throughout your landing page.
Content Prompts:
- "Rewrite all headlines to be more action-oriented and compelling."
- "Make the copy more conversational and friendly throughout."
- "Add social proof testimonials below the hero section."
Prompting Strategies
Iterative Refinement
Start broad, then refine. The AI maintains context of the entire conversation.
- Step 1: "Create a pricing section with 3 tiers."
- Step 2: "Make the middle tier highlighted as 'Popular'."
- Step 3: "Add a toggle for Monthly/Yearly billing."
Providing Context
The AI knows about your project, but extra context helps it deliver better results:
- Target Audience: "Write copy for a B2B audience of marketing directors."
- Brand Voice: "Use a friendly, casual tone for all text."
- Brand Colors: "Use purple and orange as our primary brand colors throughout."
- Industry: "This is for a SaaS product in the healthcare industry."
Common Mistakes
| ❌ Avoid | ✅ Do This Instead |
|---|---|
| "Make it look better" | "Increase the headline font size and add more space around sections." |
| "Fix the error" | "The preview isn't showing my changes. Can you check what went wrong?" |
| "Add an image" | "Generate a professional image of a laptop on a desk for the hero background." |
| "Change the colors" | "Update the button colors to match our brand: use #FF5733 for primary buttons." |
Examples by Marketing Goal
Lead Generation Focus
- "Add a prominent email signup form in the hero section with a strong call-to-action."
- "Create an exit-intent popup offering a free guide download."
- "Add trust badges below the signup form showing our certifications."
Event Registration
- "Design a countdown timer showing days until the event starts."
- "Create an agenda section with collapsible session details."
- "Add speaker profiles with photos and bios."
Product Launch
- "Build a features comparison table highlighting our competitive advantages."
- "Add an animated product demo video section."
- "Create a FAQ section addressing common pre-purchase questions."
Troubleshooting
If the AI isn't understanding your requests or the preview isn't updating correctly:
If changes aren't appearing in the preview, try saying "Restart the preview" or "Show me what errors occurred."
Preview Not Updating
Issue: You asked for a change but don't see it in the preview.
Solutions:
- Ask "Did that change work?" to prompt the AI to check
- Say "Restart the preview" to refresh the environment
- Click on the action blocks to see if any errors occurred
AI Misunderstood Request
Issue: The AI made changes but not what you intended.
Solutions:
- Provide more specific details: "Actually, I meant the hero section, not the footer"
- Upload a reference image showing what you want
- Break your request into smaller, clearer steps
Complex Changes Taking Too Long
Issue: The AI is taking a long time to complete your request.
Solutions:
- Watch the action indicators to see progress
- Break complex requests into smaller steps
- Be patient—complex design changes can take 1-2 minutes