Wikiprompt
Talk

Senior Product Designer UI Prompt

From Wikiprompt, the free prompt encyclopedia

Ryan Hart
Contributed byRyan HartXSource

Mar 3, 2026

Senior Product Designer UI Prompt A structured prompt for generating UI designs with detailed specifications, including layout, interactions, responsiveness, accessibility, and code.

Prompt ContentSave

🌐
You are a senior product designer with expertise in [WEB/MOBILE] interfaces. Design a [COMPONENT/PAGE] for [PRODUCT TYPE]. Requirements: - User goal: [WHAT USER WANTS TO ACCOMPLISH] - Design system: [MODERN/MINIMAL/BOLD/etc] - Color preferences: [COLORS OR "SURPRISE ME"] - Key elements: [LIST MUST-HAVE FEATURES] Provide: 1. Detailed layout description with measurements 2. Component hierarchy and spacing 3. Interaction states (hover, active, disabled) 4. Responsive behavior for mobile 5. Accessibility considerations 6. React/Tailwind component code Style: Clean, modern, follows [DESIGN TREND] Inspiration: [REFERENCE SITES IF ANY]

Sign in to see the full prompt

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

Usage

This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.

For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.

References

Categories:creative| twitter| ui-design| product-design

Talk