Prompt Basics

Use these guidelines to craft clear, actionable prompts that help Maker deliver exactly what you need.

For live examples and templates, see Prompt Examples & Usecases.


1. Context & Objectives

1

Define Audience & Goals

  • Describe the target persona (e.g. “tech-savvy professionals,” “young creatives”).

  • State the primary goal (e.g. “showcase portfolio,” “drive sign-ups,” “educate users”).

  • Optionally include success metrics (“increase click-through by 20%”).

2

Align on Brand & Tone

  • Describe the target persona (e.g. “tech-savvy professionals,” “young creatives”).

  • State the primary goal (e.g. “showcase portfolio,” “drive sign-ups,” “educate users”).

  • Optionally include success metrics (“increase click-through by 20%”).

3

Provide Examples & Inspiration

  • Link to existing sites, components, or mood boards.

  • Share screenshots or describe visual references (“in the style of X”).

  • Outline layouts or flows you admire (e.g. “two-column hero with side nav”).


2. Design & Technical Specifications

1

Be Precise in Layout & Style

  • Specify structural elements (header, footer, sidebar, grid).

  • Call out spacing, typography, color usage.

2

Detail Interactions & Behavior

  • Define hover, focus, or animation effects.

  • Include links / URLs to which the elements or cards should be linked to (e.g. “link the Banner CTA “Shop Now” to [URL]”).

3

Outline Content & Data Needs

  • Provide placeholder text, sample images, or data schemas.

  • Specify pagination, filtering, or sorting requirements.

4

Set Technical & Performance Constraints

  • Define responsiveness targets (mobile, tablet, desktop breakpoints).


3. Workflow, Iteration & Feedback

1

Encourage Creative Latitude

  • Allow the AI to suggest variations (“feel free to propose alternative layouts”).

  • Use open-ended prompts for brainstorming (“generate three hero concepts”).

2

Structure Revision Cycles

  • After initial output, ask targeted follow-ups (“reduce header height by 20px”).

  • Use Select to Edit for pinpoint changes on specific elements.

  • Save iterations as Remix or duplicate projects to track progress.

3

Clarify When to Ask Questions

  • Prompt the AI to request missing details (“What’s the primary call-to-action?”).

  • Provide additional context only when needed to avoid lengthy back-and-forth.


4. Advanced Tips

  • Chain Prompts: break complex tasks into sequenced prompts (scaffold → style → validate → document).

  • Leverage Brand Styles: prefix prompts with [YourBrandStyle] to auto-apply theme settings.

  • Use Examples Inline: include screenshot references to guide output.

  • Control Scope: specify “only modify the banner”


By combining clear context, precise specs, and structured iteration, you’ll streamline your Maker workflow and achieve on-target results every time.


Last updated

Was this helpful?