Wikiprompt
Talk

Senior Product Designer UI Prompt

From Wikiprompt, the free prompt encyclopedia

Millie Marconi
Contributed byMillie MarconiXSource

Feb 7, 2026

Senior Product Designer UI Prompt A comprehensive prompt for generating detailed UI designs with layout specs, interaction states, responsive behavior, accessibility, and React/Tailwind 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 coding. 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:coding| twitter| ui-design| product-design

Talk