Prompt design for design tools (visual design)Prompt design for design tools (visual design)

What is prompt design?What is prompt design?

Prompt engineering is the technical side — tuning syntax and instructions to get a predictable output, like code. Prompt design is the other half — how anyone working with AI translates intent into vocabulary, structure, and constraints the model can act on. Why it matters: AI is non-deterministic — outputs drift, models change. Prompt design is what determines whether the output is high quality and stays coherent: a structure to return to, a vocabulary you trust, a way to turn a vague feeling into something a model can render.Prompt engineering is the technical side — tuning syntax and instructions to get a predictable output, like code. Prompt design is the other half — how anyone working with AI translates intent into vocabulary, structure, and constraints the model can act on.

Why it matters: AI is non-deterministic — outputs drift, models change. Prompt design is what determines whether the output is high quality and stays coherent: a structure to return to, a vocabulary you trust, a way to turn a vague feeling into something a model can render.

The skill underneath all of this: translating what's in your headThe skill underneath all of this: translating what's in your head

The hardest part of prompt design isn't the syntax. It's that you often don't fully know what you're after. The texture, the mood, the emotional quality of the thing you're trying to make. Sometimes it's a feeling more than a description. Prompt design is fundamentally a translation skill. You're converting internal vision into language precise enough for an AI to reconstruct it. Three practices that help build it: • Collect and reverse-engineer AI work you like — name the mood, save the prompts, build vocabulary. • Use reference images when language isn't enough. • Build foundational knowledge through books. A few worth having:The hardest part of prompt design isn't the syntax. It's that you often don't fully know what you're after. The texture, the mood, the emotional quality of the thing you're trying to make. Sometimes it's a feeling more than a description. Prompt design is fundamentally a translation skill. You're converting internal vision into language precise enough for an AI to reconstruct it.

Three practices that help build it:

• Collect and reverse-engineer AI work you like — name the mood, save the prompts, build vocabulary.
• Use reference images when language isn't enough.
• Build foundational knowledge through books. A few worth having:

"The Visual History of Type" by Paul McNeil. "Grid Systems in Graphic Design" by Josef Müller-Brockmann. "Design of the 20th Century" by Charlotte and Peter Fiell. "The Elements of Brand Design" by Taschen. Brand, identity, and visual language."The Visual History of Type" by Paul McNeil. "Grid Systems in Graphic Design" by Josef Müller-Brockmann. "Design of the 20th Century" by Charlotte and Peter Fiell. "The Elements of Brand Design" by Taschen. Brand, identity, and visual language.

Prompt design for visual workPrompt design for visual work

On top of fundamentals, use a standardized formula. Five variables: Subject, Style, Composition/Angle, Color Palette, Medium/Technique have been helpful for me to describe what I want to create.On top of fundamentals, use a standardized formula. Five variables: Subject, Style, Composition/Angle, Color Palette, Medium/Technique have been helpful for me to describe what I want to create.

Example: designing Lime visual treatment with MidjourneyExample: designing Lime visual treatment with Midjourney

I was trying to create a logo for Lime. Using a single lime as the test subject. Same subject, five different style and mood combinations:I was trying to create a logo for Lime. Using a single lime as the test subject. Same subject, five different style and mood combinations:

1. Minimal1. Minimal

A single lime, minimalist flat design, centered symmetrical, monochromatic green with white background, vector illustration --no text --ar 1:1A single lime, minimalist flat design, centered symmetrical, monochromatic green with white background, vector illustration --no text --ar 1:1

2. Neo-brutalist2. Neo-brutalist

A single lime, off-center asymmetric, acid green and black, halftone texture, screen print --no text --ar 1:1A single lime, off-center asymmetric, acid green and black, halftone texture, screen print --no text --ar 1:1

3. Liquid3. Liquid

A single lime, fluid organic composition, translucent green, iridescent highlights, digital illustration --no text --ar 1:1A single lime, fluid organic composition, translucent green, iridescent highlights, digital illustration --no text --ar 1:1

4. Surrealistic Clay 3D4. Surrealistic Clay 3D

A single lime, surrealist clay style, floating centered, matte pastel green, 3D clay render --no text --ar 1:1A single lime, surrealist clay style, floating centered, matte pastel green, 3D clay render --no text --ar 1:1

5. Fuzzy / Cushion5. Fuzzy / Cushion

A single lime, plush cushion textile, muted sage green, velvet and stitched seams, macro photography --no text --ar 1:1A single lime, plush cushion textile, muted sage green, velvet and stitched seams, macro photography --no text --ar 1:1

Saving and reusing your prompt structureSaving and reusing your prompt structure

Once you have a formula that works, don't rebuild it every time. Three layers: 1. Claude Projects (web): set a system prompt with the formula, loads every session. 2. CLAUDE.md (project-level): add to any folder, Claude Code loads it automatically. 3. Custom slash command: create ~/.claude/commands/visual-prompt.md, type /visual-prompt anywhere.Once you have a formula that works, don't rebuild it every time. Three layers:

1. Claude Projects (web): set a system prompt with the formula, loads every session.
2. CLAUDE.md (project-level): add to any folder, Claude Code loads it automatically.
3. Custom slash command: create ~/.claude/commands/visual-prompt.md, type /visual-prompt anywhere.

Best practicesBest practices

Some best practices I found and worked well: • Define spatial constraints first. • Mix unexpected styles like "Cyberpunk meets Art Deco." • Use negative prompts (--no text). • Reference real-world inspiration like art movements and rendering engines.Some best practices I found and worked well:

• Define spatial constraints first.
• Mix unexpected styles like "Cyberpunk meets Art Deco."
• Use negative prompts (--no text).
• Reference real-world inspiration like art movements and rendering engines.

ToolsTools

• CosmosCosmos
• FontshareFontshare
• Bendito MockupBendito Mockup

ReferencesReferences

• Prompts should be designed, not engineered (UX Design)Prompts should be designed, not engineered (UX Design)
• A designer's framework for better AI prompts (Figma Blog)A designer's framework for better AI prompts (Figma Blog)
• Design PromptsDesign Prompts
• Product Design Prompts (Vizcom)Product Design Prompts (Vizcom)