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).
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour des résultats plus précis, remplacez les crochets par des exemples concrets (ex. « Slack-like SaaS pour designers ») et ajoutez une contrainte technique (ex. « priorise le mode sombre »). Demandez aussi des spécifications Figma (auto-layout, variants) si vous comptez l’exporter.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Write a color system rationale
Document color system decisions
GitHub Copilot Prompt for Creating YouTube Thumbnails
GitHub Copilot, GitHub's AI-powered code assistant, can be a formidable ally for generating striking YouTube thumbnails directly from your code editor. By leveraging its code generation capabilities, you can create automated scripts that produce professional thumbnails in HTML/CSS, using Canvas API, or via libraries like Sharp, Jimp, or Puppeteer. Whether you're a content creator looking to industrialize your thumbnail production or a developer wanting to build a thumbnail generation tool, Copilot significantly speeds up the process. It understands your project context, suggests suitable visual compositions, handles text overlays with eye-catching effects, and proposes click-optimized color palettes. This page provides optimized prompts to get the most out of GitHub Copilot for YouTube thumbnail creation, with variants suited to each technical expertise level.
Brand Design Brief Template
Starting every branding project with clarity
Stable Diffusion Prompt for Creating Infographics
Stable Diffusion is a powerful AI image generation tool that can be used to create visually striking infographics. Unlike traditional design software like Canva or Illustrator, Stable Diffusion lets you generate unique graphic compositions from a simple text description. To get usable infographics, mastering the art of prompt engineering is essential: precisely structure your request by specifying the graphic style, element layout, color palette, and desired level of detail. Infographics generated by Stable Diffusion serve as a strong visual foundation that you can then refine in a graphic editor to add your precise text data. Whether you're a content creator, marketer, or designer, this hybrid approach saves you considerable time on initial design. In this guide, you'll find optimized prompts to generate different infographic styles, versions tailored to your expertise level, and practical tips to get the best possible results with Stable Diffusion.