Perplexity Prompt to Create a UI Design
Perplexity stands out from other AI assistants with its ability to combine real-time web search and structured response generation. For creating UI design, this is a significant advantage: Perplexity can analyze current design trends, reference Material Design, Apple HIG, or other recognized design systems, and then synthesize concrete, actionable recommendations. Unlike a traditional search engine, Perplexity contextualizes its responses by cross-referencing multiple reliable sources, allowing you to obtain precise design specifications — color palettes with hex codes, typographic hierarchies, spacings, and component architectures. Whether you are designing a mobile app, a SaaS dashboard, or a landing page, a well-structured prompt transforms Perplexity into a true UI consultant that delivers recommendations based on current best practices, with verifiable references. This approach is particularly effective for exploratory phases when you are looking to define a visual direction before moving to Figma or directly into code.
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Act as a senior UI designer specialized in design systems. I am developing [APPLICATION_TYPE: e.g., a SaaS project management app] intended for [TARGET_AUDIENCE: e.g., corporate project managers]. The desired visual tone is [ADJECTIVES: e.g., professional, clean, modern]. Generate a comprehensive UI design guide including: 1) A color palette with primary, secondary, accent, and status colors (success, error, warning, info) — provide hex codes and WCAG contrast ratios. 2) A typographic hierarchy (H1 to H6, body, caption, label) with sizes in px/rem, weights, and recommended line-height — suggest suitable Google Fonts. 3) A spacing system based on a 4px or 8px grid. 4) Essential UI components for this type of application (buttons, forms, cards, navigation, modals) with their states (default, hover, active, disabled, focus). 5) WCAG 2.1 AA minimum accessibility recommendations. Base it on current UI trends from 2025-2026 and cite your sources.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Why this prompt works
This prompt leverages Perplexity's strength — real-time web search — by explicitly requesting current trends and verifiable sources. The numbered structure forces an organized and comprehensive response rather than vague text. The variables in square brackets allow precise customization while providing enough context for Perplexity to calibrate its recommendations to the actual use case.
Use Cases
Variants
Expected Output
You will obtain a structured, directly usable UI design guide with concrete values (color codes, typographic sizes, spacings) that you can implement in Figma or CSS. Perplexity will cite sources such as reference articles, public design systems (Google Material, Atlassian, Shopify Polaris), and accessibility studies to support its recommendations. The result provides a solid foundation to start a design project without starting from scratch.
Frequently Asked Questions
Can Perplexity replace a design tool like Figma for creating UI?
No, Perplexity doesn't generate visual files or mockups. Its role is upstream: it helps you define design specifications (colors, typography, components, spacing) with precise values and recommendations based on current sources. You then use these specifications as a brief to work in Figma, Sketch, or directly in CSS code. Perplexity excels where a visual tool falls short—research, benchmarking, and justifying design choices.
How can I get more precise UI design results with Perplexity?
The key is to provide as much context as possible in your prompt: the type of application, target audience, industry, desired visual tone, and technical constraints (responsive, accessibility, dark mode). The more specific you are, the better Perplexity can refine its recommendations. Also use follow-up questions to delve deeper into a particular aspect—for example, ask for alternatives to a proposed color palette or details on implementing a specific component. Turn on Pro Search mode for more in-depth research if available.
Are the UI trends recommended by Perplexity reliable and up-to-date?
That's precisely one of Perplexity's major advantages over a standard LLM: its answers are based on real-time web searches and cite their sources, which you can verify. However, keep a critical mind—trends are not absolute rules and must be adapted to your context. Always check that the cited sources are recent and come from recognized references (design system blogs, UX publications like Nielsen Norman Group, or official framework documentation).
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Midjourney Prompt for Creating Mockups
Mockups have become an essential part of the creative process, whether to present a logo on packaging, visualize a website design on a screen, or stage a product in a realistic context. Midjourney revolutionizes this step by generating photorealistic mockups in seconds, without the need for complex PSD files or expensive stock images. Thanks to its advanced understanding of materials, lighting, and perspectives, Midjourney produces professional-quality staging that rivals studio photography. Whether you are a graphic designer presenting a visual identity to a client, an entrepreneur looking to visualize packaging before production, or a marketer creating visuals for a campaign, mastering mockup prompts will save you considerable time. The main challenge lies in the precision of the instructions: type of support, viewing angle, lighting, environment, and level of realism must be carefully described to obtain a usable result. This guide provides optimized and tested prompts for creating compelling mockups with Midjourney, from simple product previews to ultra-realistic renders worthy of a professional shoot.
Claude Prompt for Creating YouTube Thumbnails
YouTube thumbnails are the first visual element viewers see before clicking on a video. An effective thumbnail can double or triple your click-through rate, making it one of the most powerful growth levers on the platform. Claude excels at thumbnail design thanks to its ability to generate precise visual descriptions, balanced compositions, and catchy text tailored to your niche. By using Claude as a creative assistant, you can quickly iterate on thumbnail concepts, get high-contrast color recommendations, structure visual hierarchy, and write short, emotionally impactful text. Whether you are a beginner creator or an established YouTuber, Claude helps you systematize your thumbnail creation process to produce visuals that are consistent with your brand, optimized for mobile, and designed to trigger the click. This guide provides ready-to-use prompts to turn Claude into a true art director for your YouTube thumbnails.