78 AI Prompts for Icon & UI Design

The best Icon & UI Design prompts in the Art and Design library. Tested on ChatGPT, Claude, Gemini and every major model.

Browse the prompts

Popular
A web analytics dashboard, shown as a flat interface mockup.

Subject: a single dashboard screen for a product called {{product-name}}.

Layout: a narrow sidebar on the left with the product name at the top and five icon-and-label menu items. A top row of four metric cards. Below them, a wide line chart on the left and a donut chart on the right. A short table with five rows along the bottom.

Exact text: the four metric cards are titled, in order: {{metrics}}. Each shows one large number and a small percentage change. Sidebar labels read "Overview", "Sales", "Customers", "Reports", "Settings". All text is short, plausible, and correctly spelled.

Style: {{theme}}, consistent card radius and padding, clear visual hierarchy, restrained color used only for data and the active menu item.

Light: none, flat interface.

Analytics Dashboard UI Mockup

Grok ImagineArt and DesignIcon & UI Design

Generate a visual mockup of a product's analytics dashboard as a flat interface. Produces an image with precise layout and design specifications for product UI development.

360
UI design of a {{app-type}}, {{platform}}, flat UI, clean UI/UX design, {{color-palette}} color palette, minimalist modern style, high resolution, white background --no device --ar 16:9 --style raw

Clean UI Design Concept Generator for Apps and Web

GPT ImageArt and DesignIcon & UI Design

Generates flat, minimalist UI design mockups for websites and mobile applications with custom color palettes on a white background. Runs on Midjourney, Flux, and other AI image generators.

298

User Journey Mapping Prompt for Digital Platforms

OpenAIChatGPTArt and DesignIcon & UI Design

Generates a comprehensive user journey map tracing each stage from initial engagement through post-completion for any website or app action. Runs on ChatGPT, Claude, Gemini, and Grok.

113
Three onboarding screens for {{app-purpose}}, shown side by side.

Subject: three phone screens, each with one illustration, one headline, and a progress indicator.

Layout: three identical phone frames in a row on a plain light background, evenly spaced. On each screen: an illustration in the upper half, the headline beneath it, three progress dots near the bottom with the current one highlighted, and a button at the very bottom.

Exact text: the headlines read, in order: {{headlines}}. The buttons read "Next", "Next", and "Get started". No other words.

Style: {{illustration-style}}, palette of {{palette}}, the same type, spacing, and button style on all three screens.

Light: soft shadow under each phone.

Mobile App Onboarding Screens Trio

Grok ImagineArt and DesignIcon & UI Design

Generate a trio of mobile app onboarding screens designed to introduce users to the app's features and guide them through the setup process. Produces an image with visually consistent UI elements.

97
Screenshot of game UI design for {{game-type}}, featuring {{ui-elements}}, simple minimalist interface, clean modern effects, modular grid layout --ar 16:9

Game UI Design Screenshot Generator

GPT ImageArt and DesignIcon & UI Design

Generates clean, minimalist game interface screenshots with modular grid layouts for Midjourney, Flux, and other AI image models. Specify your game type and UI elements to create modern, professional mockups.

91
## Role
You are a UI/UX designer creating a data-backed user persona for a website or app design project.

## Task
Develop a comprehensive user persona that represents the primary user base. The persona will guide design decisions by capturing demographics, behaviors, needs, motivations, and pain points in an accessible, actionable format.

## Context
{{product-details}}

Include in your product details: the type of website/app, its key features, the target user's primary goals, known pain points, and any available data sources for user research (surveys, interviews, analytics, reports).

## Process
1. **Research Foundation**: Synthesize quantitative and qualitative data from the sources provided to understand user demographics, preferences, and technological proficiency
2. **Goals and Pain Points**: Identify what motivates users and what barriers they face when trying to accomplish thei

User Persona Document Generator for UI/UX Design

OpenAIChatGPTArt and DesignIcon & UI Design

Generates a structured, data-backed user persona document that guides website and app design decisions. Runs on ChatGPT, Claude, and Gemini to produce research-grounded profiles with demographics, goals, pain points, and behavioral traits.

82

UI/UX Concept Generator for Digital Products

OpenAIChatGPTArt and DesignIcon & UI Design

Generates five innovative UI/UX design concepts tailored to your product type and brand context. Runs on ChatGPT, Claude, and similar text models to produce trend-informed, user-centered design proposals.

75
{{subject}} icon design, minimalist flat style, {{primary-color}} and {{secondary-color}}, white background, --ar 1:1

Icon Design Generator for Minimalist Flat Style

MidjourneyMidjourneyArt and DesignIcon & UI Design

Generates minimalist flat-style icon designs with custom subject and two-color palettes on a white background. Runs on Midjourney, Flux, and other AI image models.

74
Screenshot of UI design for a {{app-type}} app, featuring {{subject-and-icons}}, flat UI/UX design, simple ui, clean geometric shapes, minimal shadows, rounded corners, white background --ar 16:9 --style raw

UI Design Screenshot Generator for Apps

GPT ImageArt and DesignIcon & UI Design

Generates flat UI/UX design screenshots for mobile and web apps with clean geometric shapes and minimal styling. Runs on Midjourney, Flux, and other AI image models.

74

Search Bar Interface Design Prompt

OpenAIChatGPTArt and DesignIcon & UI Design

Generates a comprehensive implementation guide for designing search bars that follow e-commerce UX research principles and proven usability patterns. Runs on ChatGPT, Claude, Gemini, and Grok to produce detailed specifications, markup examples, and interaction patterns.

72

What are AI prompts for Icon & UI Design?

AI prompts for Icon & UI Design are engineered instructions that already work. These are not one-line questions. Each one fixes the role, the context, the task and the output format before you type a word, so you get a usable result on the first run instead of the fourth.

They cover the work Icon & UI Design actually get asked for: research and briefs, copy and content, analysis and reporting, planning, outreach and the admin that eats the day. Open a card to see the full prompt and the output it returns.

Popular on this page right now: "Analytics Dashboard UI Mockup", "Clean UI Design Concept Generator for Apps and Web", "Modular Dashboard UI Design Prompt".

78 on this page, every one scoped to Icon & UI Design. Free to read, free to copy.

Why these prompts work for Icon & UI Design

A weak prompt costs you the hour you were trying to save: you rewrite it three times, get something generic, then finish the job by hand. An engineered prompt front-loads that thinking once.

In Icon & UI Design that means first drafts you can send, analysis you can act on, and the repetitive work handed off, so the time goes into judgement instead of typing.

Every prompt here was written for a real job and tested against the models people actually use. Nothing scraped from a thread.

How to use these prompts

Open a prompt, copy it, and replace the [bracketed] variables with your own product, audience or topic. The structure around them stays as is. That structure is the part doing the work.

Paste it into ChatGPT, Claude, Gemini, Grok or the model you already use. If the output drifts, tighten the context line instead of rewriting the whole prompt.

No account needed to copy one. No setup, no extension, nothing to install.

Which AI tool works best for Icon & UI Design prompts?

Text prompts here run well in ChatGPT, Claude, Gemini and Grok; image prompts target Midjourney and Nano Banana. Each card lists the models it was tested with.

Are these AI prompts free to use?

A big part of the library is free: open a prompt, copy it, use it. Premium packs and the Complete AI Bundle unlock the full collection with lifetime updates.

How do I adapt these prompts to my use case?

Start with the [variables]: niche, audience, constraints. If the result still misses, add one example of the output you want. A single good example beats three extra instructions.

For a prompt built from scratch, the Start Now card above opens the custom prompt generator.

Related resources

Get smarter on AI every week

One email a week with the best new prompts, tools, and model updates. Unsubscribe anytime.

Join 100,000+ subscribers. One email a week, real prompts, tools, and model updates. Unsubscribe anytime.

About Icon & UI Design prompts

Icon and UI design prompts generate the visual pieces of a product: an icon set in one style, an app screen, an empty state illustration, a set of onboarding cards, a dashboard mock. They name the grid, the stroke weight, the corner radius and the palette, so a set of twenty icons looks like one family instead of twenty downloads. For screens, they describe the layout in regions and the component states, which is what makes a mock usable as a brief for a developer.

Product teams use them to fill a design with real-looking assets before the final set exists, and to explore a visual direction in an hour. Solo founders use the screen prompts to show an idea to users before writing code. Generate icons one at a time with the same style line, not as a sheet; models keep a style across separate generations better than across one crowded image.