AI Prompts for Designers: ChatGPT & Claude Templates

MarketingMidjourney

Midjourney Brand Identity Generator

Create consistent Midjourney prompts for logo, color palette, product scene, and social visuals.

/imagine prompt: Brand identity system for {{brand_name}}, a {{industry}} brand serving {{audience}}. Visual direction: {{visual_direction}}. Include a clean logo mark, color palette inspired by {{color_reference}}, typography mood, product scene, and social media key visual. High-end brand system presentation, consistent art direction, crisp details, white space, professional design board --v 6 --style raw --ar {{aspect_ratio}}

DesignerChatGPT

UX Writing Microcopy

Write clear, helpful microcopy for UI elements, error states, and empty states.

DesignerMidjourney

Midjourney Interior Design Prompt

Generate photorealistic Midjourney prompts for interior design visualization with specific room types, furniture styles, materials, and atmospheric lighting.

You are an interior design visualization specialist using Midjourney AI. Your task is to create detailed prompts that produce photorealistic interior renders suitable for client presentations, mood boards, and design concepts. For each space, generate: 1. **Main Room Render Prompt** — A complete room visualization including: - Room type and dimensions feel (spacious, cozy, grand) - Design style (Scandinavian, industrial, Japandi, mid-century modern) - Key furniture pieces with specific materials...

MarketingMidjourney

Midjourney Food Photography Prompt

Create photorealistic Midjourney prompts for food photography that capture dishes with professional lighting, styling, and appetizing visual appeal for restaurants and brands.

You are a food photography director specializing in AI-generated imagery for restaurants, food brands, and culinary content. Your task is to create Midjourney prompts that produce stunning, appetite-inducing food photography. For each dish or scene, generate: 1. **Hero Shot Prompt** — The main dish photographed with: - Precise dish description with textures and details - Plating and garnish specifics - Background and surface (marble, wood, rustic table) - Lighting setup (natural window light, ov...

DesignerMidjourney

Midjourney Product Photography

Generate photorealistic product photography prompts for e-commerce and marketing.

Create a Midjourney prompt for product photography. Product: {{product}} Style: {{style}} Background: {{background}} Mood: {{mood}} Include: - Camera angle and lens specification - Lighting setup - Color palette direction - Aspect ratio and version parameters - 3 prompt variations (hero shot, lifestyle, detail) Format each as a copy-ready Midjourney prompt with parameters.

DesignerMidjourney

Midjourney Illustration Style Guide

Define and generate a consistent illustration style for a brand or project.

Create a Midjourney illustration style guide and sample prompts. Brand: {{brand}} Use case: {{use_case}} Preferred style: {{style}} Provide: 1. Style definition (line weight, color palette, texture, proportions) 2. 5 subject-specific prompts all using the same style suffix 3. Style reference seed/suffix for consistency 4. Do's and don'ts for maintaining brand consistency 5. Prompt template for the team to reuse

DesignerChatGPT

Anti-AI-Slop Frontend Design

System prompt to prevent generic AI-generated frontend aesthetics and produce distinctive designs.

<frontend_aesthetics> You tend to converge toward generic, "on distribution" outputs. In frontend design, this creates what users call the "AI slop" aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight. Focus on: - Typography: Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter. - Color & Theme: Commit to a cohesive aesthetic. Use CSS variables for consistency. Dominant colors with sharp accents outperform timid pale...

DesignerMidjourney

Illustration Style Brief Generator

Creates a comprehensive illustration style guide with character design, color usage, composition rules, and scene examples.

Create an illustration style guide for {{brand_name}}. Use case: {{use_case}}. Style: {{illustration_style}}. Mood: {{mood}}. Define: (1) character design specs (proportions, features, diversity), (2) environment and prop rules, (3) color application within the illustration style, (4) composition principles (rule of thirds, negative space), (5) 4 scene examples showing different contexts: onboarding, empty state, success, error. Show consistent line weight, shading technique, and texture approac...

DesignerChatGPT

User Flow Wireframe Describer

Describe detailed wireframe layouts for user flows in plain text.

Act as a UX designer. Create detailed wireframe descriptions for the following user flow. Flow: {{flow}} Platform: {{platform}} User type: {{user_type}} For each screen provide: 1. Screen name and purpose 2. Layout description (header, content, footer) 3. Key UI elements with positions 4. Interaction states (default, hover, loading, error) 5. Navigation between screens 6. Annotations for edge cases Describe in enough detail for a designer to create mockups.

DesignerMidjourney

Wireframe Annotation Writer

Generates detailed annotations for wireframe screens explaining interactions, content rules, and responsive behavior.

Annotate the following wireframe for {{screen_name}}: {{wireframe_description}}. User flow context: {{user_flow}}. For each interactive element, annotate: (1) interaction type and trigger, (2) default/hover/active/disabled states, (3) content rules (character limits, truncation, empty states), (4) responsive behavior at breakpoints (mobile/tablet/desktop), (5) accessibility requirements (ARIA roles, keyboard navigation, screen reader text), (6) error states and edge cases. Output as numbered ann...

DesignerChatGPT

Design System Token Generator

Generate design tokens (colors, spacing, typography) for a design system.

Act as a design systems engineer. Generate design tokens for {{product}}. Brand personality: {{personality}} Primary color: {{primary_color}} Platform: {{platform}} Generate tokens for: 1. Colors (primary, secondary, neutral scale, semantic: success/warning/error/info) 2. Typography scale (font family, sizes, weights, line heights) 3. Spacing scale (4px base unit) 4. Border radius scale 5. Shadow scale (3 levels) 6. Breakpoints Output as CSS custom properties AND a JSON token file. Include usage...

DesignerMidjourney

Midjourney Architecture Visualization

Generate architectural visualization prompts for buildings, interiors, and urban design.

Create Midjourney prompts for architectural visualization. Project: {{project}} Style: {{style}} Time of day: {{time}} Viewpoint: {{viewpoint}} Generate 3 prompts: 1. Exterior hero shot 2. Interior key space 3. Aerial/context view Include: - Material specifications - Lighting direction and quality - Landscape/hardscape details - Human scale figures - Weather/atmosphere

DesignerChatGPT

UI Accessibility Audit Checklist

Generates a comprehensive accessibility audit checklist for a UI screen with WCAG criteria, test methods, and fix recommendations.

Audit {{screen_name}} for accessibility. Screen description: {{screen_description}}. Target level: {{wcag_level}}. Framework: {{framework}}. Check against: (1) perceivable (alt text, color contrast 4.5:1/3:1, text resize, motion controls), (2) operable (keyboard navigation order, focus indicators, touch targets 44px, no keyboard traps), (3) understandable (error identification, labels, consistent navigation), (4) robust (ARIA roles, semantic HTML, screen reader testing). Output a checklist with ...

DesignerChatGPT

Component Library Audit Report

Audits an existing component library for consistency, coverage, accessibility, and documentation quality.

Audit the {{library_name}} component library. Stack: {{tech_stack}}. Components: {{component_list}}. Evaluate: (1) API consistency (prop naming, event handling, slot patterns), (2) visual consistency (spacing, color token usage, typography), (3) accessibility compliance (ARIA, keyboard support, screen reader), (4) documentation quality (props table, examples, do/don't), (5) test coverage assessment, (6) bundle size per component, (7) missing components for common use cases. Output a maturity sco...

DesignerMidjourney

Midjourney Character Design Prompt

Generate detailed, consistent Midjourney prompts for character design with specific style, anatomy, clothing, and expression parameters for visual storytelling.

You are a character design director working with Midjourney AI. Your task is to create precise, detailed Midjourney prompts that produce consistent, high-quality character designs suitable for storytelling, branding, or creative projects. For each character, generate: 1. **Main Character Prompt** — A detailed Midjourney prompt including: - Character description (age, ethnicity, body type, distinctive features) - Clothing and accessories with specific details - Pose and expression - Art style ref...

DesignerChatGPT

UI/UX Audit Checklist

Generate a comprehensive UI/UX audit checklist tailored to your product type.

Act as a senior UX researcher. Create a UI/UX audit checklist for {{product_type}}. Current stage: {{stage}} Key user flows: {{user_flows}} Organize the checklist into: 1. Visual Hierarchy & Layout (10 items) 2. Navigation & Information Architecture (8 items) 3. Forms & Input (8 items) 4. Feedback & Error Handling (6 items) 5. Accessibility (WCAG 2.1 AA) (10 items) 6. Mobile & Responsive (8 items) 7. Performance Perception (6 items) For each item: category, check description, severity (critical/...

DesignerMidjourney

Icon Design Brief Generator

Creates a detailed design brief for a set of icons, specifying style, grid system, metaphors, and export requirements.

Create a set of {{icon_count}} {{icon_style}} icons for {{use_case}}. Icons needed: {{icon_list}}. Style: {{visual_style}}. Grid: {{grid_size}}. Requirements: (1) consistent stroke width of {{stroke_width}}, (2) optical alignment within the grid, (3) clear metaphor for each icon at 16px minimum, (4) filled and outlined variants, (5) export specs: SVG, PNG at 1x/2x/3x. Use a {{color_palette}} palette. Show each icon at 24px, 48px, and 96px to verify scalability. --v 6.1

DesignerChatGPT

UI Design Prompt Generator

Generate detailed image prompts for UI/UX design inspiration and mockups.

Create {{count}} image generation prompts for {{design_type}} design inspiration. App type: {{app_type}} Style: {{style}} Color scheme: {{colors}} Platform: {{platform}} For each prompt: 1. Detailed visual description including layout, typography, spacing 2. UI element details (buttons, cards, navigation) 3. Mood and atmosphere 4. Specific design system references if relevant Make prompts specific enough to produce consistent, usable results.

DesignerChatGPT

Design System Documentation

Write component documentation for a design system with usage guidelines and examples.

Write design system documentation for the {{component}} component. Component description: {{description}} Design system: {{design_system}} Include: 1. Component overview and when to use it 2. Anatomy (visual breakdown of parts) 3. Variants (size, color, state) 4. Usage guidelines (do's and don'ts) 5. Accessibility requirements (ARIA, keyboard nav, contrast) 6. Code snippet example 7. Related components Tone: clear, instructional, developer-friendly.

DesignerMidjourney

Brand Color Palette Generator

Generates a complete brand color palette with primary, secondary, accent, and semantic colors including accessibility checks.

Generate a color palette for {{brand_name}} in the {{industry}} industry. Brand personality: {{brand_personality}}. Primary color preference: {{primary_preference}}. Create: (1) primary (3 shades), (2) secondary (2 shades), (3) accent (2 shades), (4) neutral scale (8 steps from white to black), (5) semantic colors (success, warning, error, info), (6) WCAG AA contrast pairs for text on each background. Output as HSL, hex, and RGB. Include a usage guide specifying which colors for headers, body te...

DesignerChatGPT

UX Audit Checklist

Conduct a comprehensive UX audit of a product with actionable improvement recommendations.

Conduct a UX audit of {{product}} — a {{product_description}}. Target users: {{target_users}} Key user flows: {{key_flows}} Evaluate across Nielsen's 10 usability heuristics: 1. Visibility of system status 2. Match between system and real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition over recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from errors 10. Help and documen...

DesignerChatGPT

CSS Layout Generator

Generate responsive CSS layouts with modern techniques like Grid and Flexbox.

Create a {{layout_type}} layout in {{framework}} for {{purpose}}. Requirements: {{requirements}} Provide: 1. HTML/JSX structure 2. CSS with {{approach}} (Grid or Flexbox) 3. Responsive breakpoints (mobile, tablet, desktop) 4. Dark mode support 5. Accessibility considerations (semantic HTML, focus management) Use modern CSS (custom properties, clamp(), container queries if applicable). No CSS-in-JS — use standard CSS or Tailwind.

DesignerChatGPT

Design Specification Translator

Convert design specifications from one format or tool to another.

Convert this {{source_format}} design spec to {{target_format}}: {{design_spec}} Context: {{context}} For each design token: 1. Map the original value to the target format 2. Note any differences or approximations 3. Flag values that don't have a direct equivalent Cover: - Colors (hex, RGB, HSL, named tokens) - Typography (font, size, weight, line-height) - Spacing (px, rem, tokens) - Border radius, shadows, effects - Component variants and states

DesignerChatGPT

Typography Selection Guide

Recommends a type scale and font pairing for a product based on brand personality, readability requirements, and technical constraints.

Select typography for {{product_name}}. Industry: {{industry}}. Brand personality: {{brand_personality}}. Constraints: {{constraints}}. Deliver: (1) primary and secondary font recommendation with rationale, (2) type scale (8-12 sizes from caption to display), (3) line-height and letter-spacing for each size, (4) font weight usage guide, (5) responsive type scaling rules, (6) fallback stack, (7) licensing and performance notes (font file size, loading strategy). Prioritize readability at {{primar...

Designer prompts