Back to Prompt Library
Design
wireframeUX specproduct designinformation architectureprototyping

Wireframe Specification Writer

A thorough wireframe spec that gives designers everything they need to start building without a single back-and-forth question.

Prompt Template

Write a detailed wireframe specification for the [SCREEN_OR_FEATURE_NAME] screen of [PRODUCT_NAME]. This spec will be handed to a designer to create low-fidelity wireframes. Include: (1) Screen purpose — one sentence on what the user accomplishes on this screen, (2) Entry points — how does a user arrive at this screen? List all navigation paths, (3) Layout grid — specify columns, gutters, and breakpoints for [BREAKPOINTS — e.g., mobile 375px, tablet 768px, desktop 1440px], (4) Content hierarchy — list every content element on the screen in priority order (1 = most important), describe its type (heading, body text, image, CTA, form field, etc.) and rough position, (5) Interactive elements — for each button, link, or form element, specify: label, action on click/tap, and destination or outcome, (6) Edge cases and empty states — describe what the screen shows when: data is loading, there is no data, and an error occurs, (7) Annotations — flag any elements requiring specific UX rationale. User goal for this screen: [USER_GOAL].

How to use this prompt

  1. Copy the prompt template using the button above.
  2. Paste it into your preferred AI assistant (ChatGPT, Claude, Gemini, etc.).
  3. Replace all bracketed placeholders like [TOPIC] with your specific details.
  4. Send the prompt and refine the output as needed.
Advertisement