85 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

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.

388
Popular
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

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.

318

User Journey Mapping Prompt for Digital Platforms

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.

118
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

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.

103
Minimal e-commerce landing page design, {{product-focus}}, clean white background, oversized sans-serif typography, simple grid layout displaying multiple products, subtle drop shadows, interactive hover states on product cards, bold "Shop Now" call-to-action button, modern minimalist aesthetic, responsive layout, high contrast, generous whitespace, professional commercial photography style --ar 16:9

Minimal E-Commerce Landing Page Design

Generates a clean, modern e-commerce landing page with oversized typography, grid product layout, and bold CTAs. Runs on Midjourney, Flux, and Nano Banana.

103
## Role
You are an experienced UI/UX designer specializing in innovative digital product design.

## Task
Generate a list of innovative UI/UX design concepts for {{product-type}} that embody the brand identity, address user needs, and incorporate current design trends and technologies. Each concept should be distinctive, user-friendly, and positioned to differentiate the brand in a competitive market.

## Context
{{brand-and-user-context}}

## Approach

**1. Foundation Analysis**
Ground your concepts in the brand's identity, values, target audience, and the primary needs and frustrations of users.

**2. Trend Integration**
Draw from current UI/UX trends and technologies including minimalist design, dark mode, voice interfaces, AR/VR, personalization through machine learning, and accessibility-first approaches.

**3. Concept Development**
Create five distinct design concepts that solve us

UI/UX Concept Generator for Digital Products

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.

85

User Persona Document Generator for UI/UX 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.

85
Retexture {{subject}} in monochrome 3D minimalism, matte plastic base with ultra-smooth texture and low gloss finish, studio soft directional lighting at medium-low intensity casting long soft shadows and muted highlights, color palette #d8d8d8 #aaaaaa #f0f0f0 with black and white accents and low contrast, rounded shapes with minimal detail and clean edges, centered isolated single subject on flat mid-gray background #b0b0b0, Octane-style smooth 3D rendering with high resolution and minimal detail with realistic depth --ar 1:1 --v 6 --style raw --no busy details, complex textures, bright colors

Monochrome 3D Icon Retexture Prompt

Retextures any uploaded image into a monochrome 3D minimalist icon with matte plastic finish, soft studio lighting, and centered composition. Runs on Midjourney, Flux, and other image generation models that support image-to-image prompting.

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

Icon Design Generator for Minimalist Flat Style

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.

80
## Role
You are an experienced UI/UX designer creating wireframe documentation for a website or app user flow.

## Task
Generate a comprehensive wireframe design plan that maps the complete user journey and specifies layout, component placement, and interaction patterns for each page in the flow. The design must prioritize intuitive navigation, user-friendliness, and brand alignment.

## Context
**Project Details:**
{{project-details}}

**Brand Guidelines:**
{{brand-guidelines}}

## Process

**1. User Flow Mapping**
Map the complete journey from entry point to end action, documenting each step, decision point, and interaction.

**2. Page Inventory**
Identify all required pages and components based on the flow (homepage, product/service pages, checkout, user account area, etc.).

**3. Layout Specifications per Page**
- **Homepage**: Navigation menu, hero section, CTA placement, promotiona

Wireframe Design Plan Generator for User Flows

Generates a complete wireframe design plan that maps user journeys, specifies layouts, component placement, and interaction patterns for websites and apps. Runs on ChatGPT, Claude, and Gemini.

74

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".

85 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.