Loading...
Loading...
Generate detailed UI design specifications with layout, typography, color, and interaction states.
Create a UI design specification for [component/page: e.g., login form, product card, navigation bar]. Platform: [web / mobile / tablet] Design system: [if any: Material, custom, etc.] For each element, specify: 1. Layout (spacing, alignment, grid placement) 2. Typography (font, size, weight, line height, letter spacing) 3. Colors (hex codes for all states: default, hover, active, disabled, focus) 4. Iconography (style, size, placement) 5. Motion/interaction (transitions, animations, micro-interactions) 6. Accessibility (color contrast, touch targets, focus indicators) 7. Responsive behavior (breakpoints, stacking, collapsing) 8. Error and empty states 9. Loading state design Include a brief rationale for key design decisions based on UX principles. Reference: [Figma/XD design link or description]
Ui Design Spec
ChatGPT or Claude and ChatGPT
Design specifications, user research artifacts, UX copy, structured image generation prompts, and heuristic evaluations of designs.
Reference design systems, brand guidelines, and specific examples. For image prompts, use a structured format: subject, action, environment, lighting, style, camera.
You can customize the prompt by adjusting the tone (professional, casual, authoritative), output length, format (bullet points, paragraphs, tables), and adding domain-specific context. Include examples of work you admire, brand guidelines, or specific constraints. For advanced use, chain this prompt with others for multi-step workflows.
This prompt helps you generate Ui Design Spec using AI. It provides a structured template you can fill with your specific requirements.
Absolutely. The prompt serves as a flexible starting point. Adjust the tone, length, format, and specific instructions to match your project.
Yes, all prompts on AI Bloater are completely free to use. You can copy, customize, and use them with any AI tool of your choice. No attribution or registration required.