Prompt Perplexity for Creating Mockups

Perplexity AI, with its real-time search and information synthesis capabilities, becomes a valuable ally for creating mockups. Unlike traditional design tools, Perplexity allows you to generate detailed mockup descriptions, identify current UX/UI best practices, and structure your wireframes before even opening Figma or Adobe XD. By formulating precise prompts, you get complete specifications including visual hierarchy, interface components, color systems and typography adapted to your project. The tool excels particularly in searching for visual references, analyzing current design trends and generating recommendations based on concrete data. Whether you are designing a mobile app, a SaaS dashboard or a landing page, Perplexity transforms your initial brief into a structured and actionable visual specification, significantly reducing the time between ideation and the first design iteration.

The prompt

Perplexity

Act as a senior UX/UI designer with 10 years of experience. I need to create a mockup for [PROJECT_TYPE: mobile app / website / dashboard]. Here is the context:

Sector: [INDUSTRY]
Target audience: [USER_PERSONA]
Main goal: [KEY_ACTION the user must accomplish]
Pages/screens needed: [LIST_OF_SCREENS]

For each screen, provide me with:

The complete hierarchical structure (header, sections, footer) with the specific UI components to use (cards, modals, tabs, etc.)
Realistic placeholder text content (no Lorem Ipsum)
Color recommendations (hex codes) and typography adapted to the sector
Suggested user interactions and micro-animations
Accessibility best practices (WCAG 2.1) to follow

Search for 2025-2026 design trends in this sector and cite reference examples. Present the result as specifications ready to be handed over to a designer on Figma.

Personalize this prompt with Léa

Answer 3 questions and Léa tailors the prompt to your situation.

Why it works

This prompt leverages Perplexity's real-time search capability to integrate the latest design trends, unlike a classic LLM limited by its cutoff date. The numbered structure forces an exhaustive and organized response, while the UX/UI expert role directs recommendation quality toward a professional level. Including concrete constraints (hex codes, WCAG, named components) eliminates vague responses and produces directly actionable specifications.

Expected result

You will obtain a detailed specification document for each screen, including the UI component hierarchy, a color palette with hex codes, precise typographic recommendations, and realistic placeholder content. The result will also include references to existing sites or applications in your sector, with links to concrete examples of recommended design patterns.

Variants by level

FAQ

Can Perplexity really replace Figma for creating mockups?

No, Perplexity does not replace Figma or visual design tools. Its role is upstream: it generates detailed specifications, searches for current references and structures your design thinking. Think of it as a design assistant that produces the most complete brief possible before you move on to visual creation. The major advantage is its ability to search in real time for trends and best practices, something a design tool alone does not do.

How can I get relevant color recommendations for my sector?

Specify in your prompt the business sector, the emotion you want to convey, and your target audience. For example, mention "fintech sector, trust and modernity, urban millennials". Perplexity will search for palettes used by leaders in your industry and propose consistent combinations with hex codes. You can also ask it to analyze the colors of a specific competitor to differentiate yourself.

How can I use Perplexity's result in my design workflow?

Export the specifications generated by Perplexity and use them as a basis in your design tool. The color codes can be directly integrated into your Figma design tokens, the component hierarchy guides the construction of your frames, and typographic recommendations apply via text styles. For an optimal workflow, ask Perplexity to format its response into sections corresponding to your Figma layers: this significantly speeds up initial setup.

How to use this prompt

Copy the prompt with the button above.
Paste it into ChatGPT, Claude or your favorite AI assistant.
Replace the bracketed variables with your details, then refine the result.

About Prompt Guide

Prompt Guide is a free library of 2500+ ready-to-use prompts for ChatGPT, Claude and other AIs, with guides to learn prompting and tools to build and optimize your own prompts.

Prompt library Learn prompting Prompt builder Prompt optimizer

Already have a prompt?

Paste it into the Optimizer, AI improves it in 5 seconds: role, context, format. Free, no signup.

Open the Optimizer

More prompts to explore

Prompt Perplexity for Writing a Press Release

Writing an effective press release requires mastering journalistic codes, a rigorous structure, and a compelling hook. Perplexity, with its real-time search and intelligent synthesis capabilities, becomes a valuable ally for this task.

Prompt Perplexity for Writing a Thesis

Writing an academic thesis is a major challenge for any student: structuring thoughts, finding reliable sources, synthesizing dozens of articles, and maintaining argumentative coherence over dozens of pages.

Prompt Perplexity for Writing an Email

Perplexity stands out from other AI assistants with its ability to combine real-time web search and text generation. For email writing, this advantage is significant: Perplexity can research communication conventions specific to your industry, verify factual information, and draw inspiration from best practices before producing your message. Whether you are writing a commercial email to a prospect, a follow-up to a silent client, or a sensitive message to your manager, Perplexity helps you find the right tone based on concrete data. Unlike a simple text generator, it contextualizes your request by cross-referencing reliable sources, resulting in emails that are more relevant, better structured, and adapted to current professional communication codes. This page offers a main optimized prompt as well as three variants according to your level, turning Perplexity into a genuine email writing assistant for daily use.

Prompt Perplexity to Analyze a Financial Balance Sheet

Analyzing a financial balance sheet is a complex exercise that requires cross-referencing numerous data points: assets, liabilities, equity, liquidity ratios, debt ratios, and profitability ratios.

Prompt Perplexity to Create a Graphic Charter

Perplexity is a conversational research tool especially suited to creating a complete graphic charter. Thanks to its ability to synthesize information from multiple sources in real time, Perplexity can analyze current design trends, effective color palettes in your sector, and best typographic practices. Unlike a standard search engine, Perplexity structures its responses coherently, producing an organized and directly usable graphic charter document. Whether you are an entrepreneur building your visual identity, a designer seeking inspiration, or a marketing manager looking to formalize your brand guidelines, a well-built prompt will allow you to obtain a professional graphic charter covering all essential aspects: color palette with hex codes, typographic hierarchy, logo usage rules, visual tone, and variations across different media. Perplexity's augmented search approach ensures your graphic choices are backed by concrete data and current market references.

Prompt Perplexity to Create YouTube Thumbnails

YouTube thumbnails are the most decisive element for your video click-through rate. A striking thumbnail can multiply your organic views by 3 or 4.