Your cart is empty
Add prompt packs to continue
Transform your creative workflow with this definitive collection of specialized UI/UX Design prompts. Designed under the highest standards of instructional design, this tool allows designers and developers to optimize each stage of the process, from the conceptualization of wireframes to the implementation of advanced micro-interactions and scalable design systems. Dominate the industry with precise solutions that address WCAG accessibility, responsive design, and user research with unprecedented professional rigor. This collection is the key to elevating the quality of your prototypes in Figma and building a high-impact portfolio that captivates clients and recruiters in the competitive global technology market.
100 resources included
He acts as a Senior Design Systems Architect with extensive experience in creating atomic and scalable component libraries under industrial standards such as Carbon, Material Design 3 or Lightning. Your goal is to generate a complete and exhaustive technical guide for 'Standardization of variant buttons' within the [Project Name] ecosystem. This guide should serve both UI designers in Figma and software engineers in charge of implementing the base component layer. Analyze and define the semantic taxonomy of the buttons considering the categories: Primary, Secondary, Tertiary, Ghost, Outline and Danger. For each variant, establish strict rules of visual hierarchy and contextual usage, ensuring that the main action of the interface is always unambiguous. You should integrate the use of Design Tokens for dynamic properties such as [Brand Color Palette], spacing (horizontal and vertical padding), border radius ([Rounding Levels]), and typographic styles. Don't forget to specify the behavior of the buttons in their different sizes (Small, Medium, Large) to ensure adaptability on mobile and desktop devices. Develop a detailed matrix of interaction states that includes: Default, Hover, Active, Focus (specifying the focus ring for keyboard navigation), Disabled, and a 'Loading' state that maintains the dimensions of the button. For each state, define the exact changes to CSS properties or hexadecimal color values, ensuring a minimum contrast that meets accessibility guidelines [Accessibility Target - e.g. WCAG 2.1 AA]. It also includes icon management (Leading and Trailing icons) and how these affect the internal spacing of the component. Finally, it provides the technical structure for the implementation in [CSS Framework or UI Library]. This should include a code example (such as a functional component in React with Tailwind or CSS-in-JS) where 'props' are used to manage variants, states and sizes in a modular way. The resulting documentation should facilitate a seamless handoff, reducing friction between design and development, and allowing full scalability of the product as business needs grow.
He acts as a Senior Information Architect and UX Specialist with extensive experience in creating high-performing transactional ecosystems. Your mission is to conceptualize and document the detailed information architecture for a new e-commerce specialized in [Market Niche]. The goal is to create a logical structure that not only organizes thousands of SKUs, but also intuitively guides the user through the sales funnel, minimizing cognitive load and maximizing product findability. Start by developing a comprehensive Sitemap. Define primary navigation based on [Main Categories] categories and establish a hierarchy of subcategories up to three levels deep. Includes planning mandatory cross-sectional pages such as 'About Us', 'Return Policy', 'Help Center' and 'Store Locator' if applicable. Make sure the architecture supports logical faceted navigation, allowing users to filter by [Product Specific Attributes] without getting lost in the hierarchy. Subsequently, design the low-fidelity wireframing structure for the critical interface components. For the Product Detail Page (PDP), it defines the hierarchical layout of the media gallery, the variant selection block (sizes, colors or materials), the technical description, the cross-selling recommendations and the social validation area (reviews and ratings). For the Product Listing Page (PLP), details the location of the filter system, the order of items on the product cards, and the paging or infinite loading mechanisms appropriate for [Recipient User Profile]. Finally, it describes the navigation flow for the Checkout process, prioritizing a 'One-Step' or 'Multi-step' architecture depending on the complexity of the purchase. Identifies potential leak points and suggests placement of security features and live support. Integrate an On-page SEO strategy into the architecture, specifying how URLs, H1-H3 headings and breadcrumbs should be structured to ensure that the information hierarchy is readable by both humans and search engine crawlers.
He acts as a Senior User Experience (UX) Auditor with specialization in Heuristic Analysis and Cognitive Psychology applied to digital interfaces. Your primary objective is to perform a comprehensive 'System Visibility Audit' on the product [Product Name/URL], focusing exclusively on Jakob Nielsen's first principle: 'System State Visibility'. This analysis should determine whether the interface keeps the user informed about what is happening, through appropriate feedback within a reasonable time, ensuring a transparent and predictable user experience. To perform this evaluation, analyze the [Critical Flow to Analyze] flow in the [Device/Viewport] environment. You must decompose each interaction (clicks, swipes, loading waits, form submissions) and verify the presence of visual, sound or tactile indicators that confirm the action taken. Meticulously examine elements such as progress bars, loading spinners, button states (active, hover, focus, disabled), breadcrumbs, toast notifications, and confirmation or error messages that appear in real time during the user's journey. The final report must be presented in a professional table format that must include the following columns: 1) Element or Screen evaluated, 2) Finding detected (positive or negative), 3) Compliance level (Optimal, Partial, Null), 4) Severity classification according to the scale of [Severity Level from 0 to 4] and 5) Detailed technical recommendation based on modern UI design patterns. In addition, you must specifically consider accessibility aspects under the WCAG standard, ensuring that the visibility of the system does not depend solely on color, but also on textures, icons or descriptive text labels for screen readers. Finally, it concludes with an executive summary that synthesizes the most critical 'blind spots' found in system-user communication and proposes an action plan prioritized by the potential impact on user retention and cognitive load reduction. The tone of the report must be technical, analytical and highly executive, designed to be presented to a team of Product Managers and Senior Developers, delivered entirely in [Report Language].