← All guides

Guide

How to Create AI Prompts for Design Inspiration

Design prompts aren't photography prompts with different nouns. A poster or an interface gets judged on grid, hierarchy and type, so the prompt has to talk about those things directly. Skip that and you'll get a pretty picture that doesn't work as a layout.

Written by , who builds and maintains Promptify

Describe systems, not scenes

For a photograph you describe a moment. For a design you describe a set of rules: how wide the content column is, how many columns the grid has, what the spacing rhythm is, how many type sizes exist and how far apart they sit, how much of the surface stays empty. Rules are what let you produce a second and third piece that clearly belongs with the first.

Here's a useful test: could someone rebuild your layout from the prompt alone, without seeing the reference? If not, you've described a mood, not a design.

Websites and landing pages

Describe the page as an ordered stack of bands — header, hero, proof, feature sections, pricing, closing call to action, footer — and say what each band contains and how it's arranged. Then describe the system underneath: content width, section padding, corner radius, border and shadow behaviour, button shape and states, card style, and the palette with concrete values including which colour is background, which is surface, and which one is the single accent.

Prompt

Create an image based on the following guidelines: a desktop landing page for a document-signing product, light neutral background with elevated white surfaces. Ordered sections: slim header with wordmark and four links plus one filled button; hero with a two-line headline left-aligned in a 1140px column, one sentence of supporting copy, one primary and one ghost button, and a product screenshot floating to the right on a soft shadow; a row of six greyscale client wordmarks; a three-column feature grid with small line icons; a two-column section pairing a numbered process list with a UI detail; a quiet closing call to action band; a four-column footer. Type: one grotesque family, headline 56px semibold, body 16px regular at 1.6 line height. Palette: #F7F7F5 background, #FFFFFF surfaces, #101010 text, one #2F4BFF accent used only on the primary button and links. 12px radius, generous 96px section spacing, no gradients, no illustrations of people.

The clause that matters most here is the accent restriction. Interfaces read as designed when colour is rationed and applied consistently. Left to its own devices, a model will sprinkle your accent colour everywhere unless you tell it not to.

Posters and editorial layouts

Start with format and margin, then hierarchy. Say which element is largest and by roughly how much, where the eye should land second, and what the typographic contrast is — condensed against a wide serif, all caps against a lowercase italic, one family at three weights. Describe the image treatment separately from the type: duotone, halftone, full bleed, boxed with a hairline rule.

Things worth naming explicitly

Baseline alignment, whether text is ranged left or justified, whether the layout is symmetrical or deliberately off-balance, how much of the sheet stays empty, and whether any element breaks the grid on purpose. Those small decisions are what separate a designed poster from a template.

Branding and identity directions

Prompt for a direction, not a logo. Describe the personality in concrete terms — "industrial, precise, slightly severe" — and translate it into mechanics: geometric versus humanist letterforms, tight versus open tracking, whether the palette is neutral with one accent or fully chromatic, whether shapes are hard-cornered or rounded, whether photography is documentary or staged.

Don't ask for another company's identity. Describe what you liked about it instead — that description is what you can legitimately reuse and build on.

Social graphics and product interfaces

Social work is constrained by crop and legibility. Say the aspect ratio, state the safe margin, cap the word count, and specify the minimum type size relative to the frame — for example "headline occupies at least a fifth of the height".

Interface work is constrained by state. Describe the density, the control shapes, the empty and loading states, and how focus and disabled states look. A prompt that only describes the happy path gets you a screenshot, not a design.

Typography and composition vocabulary

Weight (light to black), width (condensed, normal, extended), case, tracking, leading, the size ratio between levels, and family contrast. For composition: grid columns, gutters, margins, alignment, rhythm, density, the focal point and the reading path. These words are boring and precise — which is exactly why they work.

Start from a reference instead

Already have a page or poster you admire? The website and poster tools will write this vocabulary out for you from the reference — palette with hex values, type scale, spacing and section order — and you can edit from there. See also how to write better prompts and the design examples.