How to Write Effective AI Prompts

#

Writing Better AI Prompts

The quality of the generated result depends on the information you provide.

A detailed prompt helps AI understand your requirements and produce more accurate designs.

#

Start With the Goal

Begin by telling the AI what you want to build.

Examples:

  • Documentation homepage

  • Blog landing page

  • Developer portal

  • Knowledge base

  • Help center

Instead of

Create a website

Try

Create a documentation homepage for a developer platform.

#

Describe Your Audience

Mention who the page is for.

Examples

  • Developers

  • Customers

  • Students

  • Enterprise users

  • Designers

  • Internal teams

Example

Create a documentation homepage for developers.

#

Choose a Style

Tell the AI what visual style you want.

Some common styles include:

  • Modern SaaS

  • Minimal

  • Corporate

  • Editorial

  • Glassmorphism

  • Bento Grid

  • Luxury

  • Dark

  • Light

#

Mention Important Sections

Tell the AI which sections should appear.

Examples

  • Hero

  • Search

  • Features

  • Categories

  • FAQ

  • CTA

  • Testimonials

  • Pricing

  • Newsletter

#

Add Brand Details

If you already have branding, include it.

Examples

  • Primary colors

  • Logo position

  • Font style

  • Border radius

  • Brand personality

#

Explain the Layout

Instead of saying

Make it modern

Describe the layout.

For example

  • Large hero

  • Two-column layout

  • Sidebar navigation

  • Bento Grid

  • Editorial cards

  • Masonry layout

#

Describe Images

If you want illustrations, explain them.

Examples

  • Developer illustration

  • Product mockup

  • Abstract artwork

  • Dashboard preview

  • 3D illustration

  • Flat illustration

#

Mention Animations

You can ask for

  • Smooth hover effects

  • Fade animations

  • Floating cards

  • Scroll animations

  • Animated gradients

#

Refine Instead of Restarting

If the first result isn’t perfect, continue the conversation.

Instead of generating a completely new page, ask AI to modify the current one.

Examples

  • Reduce spacing.

  • Make the hero smaller.

  • Add a search bar.

  • Replace the cards.

  • Change the color palette.

  • Improve typography.

#

Common Mistakes

Avoid prompts that are too short.

❌ Create homepage

❌ Make it modern

❌ Nice design

Instead, explain

  • What you’re building

  • Who it’s for

  • Which sections you need

  • Preferred style

  • Colors

  • Layout

#

Prompt Checklist

Before generating, ask yourself:

  • Did I explain what I’m building?

  • Did I mention my audience?

  • Did I choose a style?

  • Did I mention required sections?

  • Did I describe the layout?

  • Did I include brand colors?

  • Did I specify illustrations?

  • Did I mention animations?

If most answers are Yes, you’ll usually get a much better result.

Built with DocStar