102 Mistral Prompts for Designers

Browse the prompts

Popular
## Role

You design logos. Given brand details, you produce three distinct logo concepts, each capturing a different facet of the brand's identity. You write detailed visual descriptions, clear rationales, mood board references, and honest analyses of strengths and weaknesses.

## Context

Brand name: {{brand-name}}
Industry: {{industry}}
Brand details: {{brand-details}}

## Task

1. Write a brief brand overview that frames the design direction.
2. For each of the three concepts, produce:
   - **Visual description**: what the logo looks likeβ€”shapes, type, color palette, layout
   - **Rationale**: why these specific design choices suit the brand
   - **Mood board**: list of reference images, styles, or works that informed the concept (describe each in one line)
   - **Analysis**: honest assessment of strengths and potential weaknesses
3. Recommend one concept and explain the reasoning in 

Logo Concept Generator for Brand Identity

Generates three distinct logo concepts with sketch-ready visual descriptions, design rationales, mood board references, and strengths-and-weaknesses analyses. Runs on ChatGPT, Claude, Gemini, and Grok to deliver a structured text brief with a recommended concept and ordered next steps.

309
## Role
You are an expert React developer building a browser-based brand identity platform.

## Task
Create a complete React application that guides users through professional brand creation via a multi-step wizard. The tool must generate enterprise-quality brand systemsβ€”strategic positioning, visual identity, real-time mockups, and exportable assetsβ€”with UI polish matching Linear.app and Stripe.

## Context
**Business context:** {{business-context}}

**Technical profile:** {{technical-profile}}

## Output
Structure your implementation plan with these sections:

### Technical Architecture
Component hierarchy, state management approach, and file organization strategy.

### Step-by-Step Implementation
Detailed breakdown of each wizard step with specific functionality and data flows.

### Design System Implementation
Dark theme specifications, glassmorphism effects, typography, spacing, and

React Branding App Builder Prompt

Generates a complete React application implementation plan for a browser-based brand identity platform with multi-step wizard, real-time mockups, and asset export. Runs on ChatGPT, Claude, and code-focused AI models.

187

Admin Dashboard Design Specification Prompt

Generates a complete admin dashboard specification following Apple's Human Interface Guidelines for web, with information architecture, component layouts, and interaction patterns. Runs on ChatGPT, Claude, Gemini, and Grok.

152

Brand Identity Generator

Generates a complete brand identity system as structured text: logo concept, color palette with psychology notes, two-font typography pairing, and brand guidelines tailored to your business context. Runs on ChatGPT, Claude, and Gemini.

141

Dashboard Design Specification Prompt

Generates a complete dashboard design specification with information architecture, responsive layouts, visual components, and interactive elements. Runs on ChatGPT, Claude, Gemini, and Grok.

130
## Role

You are a children's book developer creating imaginative, educational, age-appropriate content including themes, characters, plots, and illustration direction.

## Task

Produce a complete creative brief for a children's book on the following topic:

{{book-topic}}

## Requirements

**Theme**  
Propose one central theme that encourages imagination, curiosity, and a meaningful lesson. Include potential character arcs, settings, and plot twists.

**Title**  
Suggest one captivating, memorable title that resonates with young readers.

**Characters**  
Create three detailed character profiles. For each include: name, background, personality, appearance, motivations, and how the character grows across the story.

**Illustration Direction**  
Describe the illustration style, a five-color palette, and five key scenes to illustrate.

**Plot**  
Outline an engaging introduction, three ch

Children's Book Creative Brief Generator

Generates a complete creative brief for a children's book, including theme, title, three character profiles, illustration direction, plot outline, and ending. Returns structured text output for ChatGPT, Claude, or Gemini.

120
## Role

You are an expert creative technologist and motion graphics engineer specializing in animated screensavers and kinetic digital experiences.

## Task

Design and develop a fully animated, professional-grade screensaver with smooth animations, dynamic effects, and seamless platform integration. Provide a comprehensive, step-by-step implementation plan with technical specifications, code frameworks, and deployment guidance.

## Context

**Theme**: {{screensaver-theme}}

**Target platform(s)**: {{target-platform}}

**Technical requirements and skill level**: {{requirements-and-skill-level}}

## Output

Structure your screensaver development plan with these sections:

● **Theme Analysis & Visual Concept Design** – Translate the theme into concrete visual elements, color palettes, and motion principles that create captivating idle-screen experiences

● **Animation Architecture & Techn

Animated Screensaver Design and Development Prompt

Generates a complete implementation plan for building animated screensavers, including code frameworks, animation architecture, performance optimization, and platform deployment. Runs on ChatGPT, Claude, and Cursor.

97

Profession-Specific Kanban App Builder

Generates a complete React Kanban board application that dynamically adapts its interface, terminology, workflows, and data fields to match any profession's specific work reality. Runs on ChatGPT, Claude, and Cursor to produce production-ready TypeScript code with drag-and-drop, state management, and persistence.

91

React TypeScript UI Designer and Code Generator

Generates production-ready React + TypeScript + Tailwind CSS interfaces with shadcn/ui components, complete accessibility, and micro-interactions. Runs on ChatGPT, Claude, and Cursor.

82
## Role

You are an expert full-stack developer and product designer specializing in intimate personal-use applications.

## Task

Build a complete, production-ready minimalist journaling web application using React that prioritizes writing experience and emotional safety over feature complexity.

## Context

Most journaling apps create friction through overwhelming features, guilt-inducing analytics, or clinical interfaces. This application must serve as a sanctuary for thoughts rather than another productivity tool, informed by habit psychology and intimate interface design principles.

**Technical requirements:**
{{tech-stack}}

**Design philosophy and UX goals:**
{{design-goals}}

## Output

Provide a complete, implementation-ready solution structured as:

### Core Design Principles and User Psychology Analysis
Explain the emotional safety framework and habit formation strategy that 

Journaling App Builder Prompt for React Development

Generates a complete, production-ready minimalist journaling web application built with React, prioritizing emotional safety and writing experience. Runs on ChatGPT, Claude, and Cursor to output full-stack code with TypeScript, components, data schema, and a phased implementation roadmap.

81
## Role

You are an expert full-stack developer and product architect specializing in React application development.

## Task

Create a complete technical development guide for building a context-aware placeholder content generatorβ€”a React application that goes beyond basic Lorem Ipsum by understanding industry requirements, tone preferences, and content types to deliver production-ready output for designers and developers.

## Context

{{project-context}}

Include: technical skill level (React/TypeScript/frontend experience), UI/UX design preferences, target users (designers/developers/agencies), development timeline, and deployment platform.

## Output

Structure your guide with these sections:

### Project Architecture and Setup
- Technology stack recommendations tailored to the skill level
- Project structure and configuration
- Dependencies and tooling setup

### Content Generation 

Placeholder Content Generator Development Guide

Generates a complete technical development guide for building a context-aware placeholder content generator in React. Runs on ChatGPT, Claude, Gemini, and Grok to produce architecture specifications, component designs, and implementation roadmaps.

78

Lightbox Image Gallery Builder

Builds a complete Lightbox-style image gallery with thumbnail grids, modal overlays, navigation, and accessibility features. Generates production-ready frontend code for ChatGPT, Claude, or Cursor.

77

Design System Style Guide Generator

Generates a production-ready, interactive style guide as a single-file React application with Tailwind CSS, including brand foundations, component libraries, design tokens, and implementation instructions. Runs on ChatGPT, Claude, and Cursor.

76

Color Wheel Application Generator

Generates a complete, production-ready React color wheel application with advanced color theory mathematics, harmony generation, and smooth canvas interactions. Built for ChatGPT, Claude, and Cursor to output TypeScript code matching Adobe and Figma standards.

70
## Role
You are an inclusive design strategist specializing in gamification systems that engage users across diverse abilities, backgrounds, and preferences.

## Task
Create a comprehensive gamification strategy that maximizes engagement while eliminating barriers for users with disabilities, varied cultural backgrounds, different technological access, and diverse learning styles.

## Context
Traditional gamification often excludes segments of users through narrow design assumptions. Your strategy must provide multiple pathways to success, accommodate different cognitive and physical abilities, respect cultural values, and remain functional across varying technology constraints.

{{gamification-brief}} should specify: target audience demographics and diversity factors; platform/environment; primary engagement goals and desired behaviors; budget and resource constraints; known accessibili

Inclusive Gamification Design Strategy Prompt

Generates a comprehensive gamification strategy that eliminates barriers for users across diverse abilities, cultural backgrounds, and technology access. Runs on ChatGPT, Claude, Gemini, and Grok to produce multi-pathway engagement systems with adaptive rewards and built-in accessibility.

69
## Role

You are a UX researcher and service design strategist who maps user journeys that reveal psychological reality, hidden friction, and strategic opportunitiesβ€”not surface-level flowcharts.

## Context

Previous user journey maps have failed to drive change because they missed emotional nuances and friction points. Executives need compelling evidence before greenlighting changes, and designers need actionable insights from messy human behavior.

{{business-context}}

## Task

Create a comprehensive user journey map with 5–7 distinct phases from awareness to loyalty. For {{persona-and-scenario}}, map the complete experience across all touchpoints and reveal patterns that drive executive decisions.

Include:

- **User actions** at each stage (what they do)
- **Thoughts** in first-person dialogue (what they think)
- **Emotional satisfaction curves** with red-to-green gradient visualiz

User Journey Map Creator for UX Research

Generates detailed user journey maps that capture actions, emotions, thoughts, and friction points across 5–7 stages from awareness to loyalty. Runs on ChatGPT, Claude, Gemini, and Grok to produce structured timelines with strategic recommendations.

69

Printable Design Concept Generator for Print Formats

Generates detailed, market-ready printable design concepts with color palettes, typography specs, and layout guidance. Runs on ChatGPT, Claude, Gemini, and Grok to produce execution-ready briefs for graphic designers.

67

Blog Template Generator With Typography Principles

Generates a production-ready HTML blog template with semantic markup, Bringhurst typography principles, and responsive design. Runs on ChatGPT, Claude, Gemini, and Grok.

57
## Role
You are an expert graphic designer specializing in brand identity and color strategy for major brands.

## Task
Recommend a comprehensive color palette that conveys the brand's essence, resonates with its target audience, and works effectively across print, digital, and social media. Provide strategic reasoning for each color choice based on brand alignment and color psychology.

## Context
Brand and audience information:
{{brand-and-audience}}

## Process
1. **Analyze Brand Essence**: Identify the brand's core personality, values, and the emotions it aims to evoke based on the provided information.

2. **Primary Colors (2-3)**: Select colors that best represent the brand's essence. Explain how each conveys the brand's values and appeals to the target audience.

3. **Secondary Colors (2-3)**: Choose complementary colors that add depth and visual interest. Detail how they enhance 

Brand Color Palette Design Prompt for ChatGPT

Generates a strategic brand color palette with hex codes, color psychology rationale, and cross-platform application guidance. Runs on ChatGPT, Claude, Gemini, and Grok.

56
## Role
You are an expert responsive web designer and front-end developer specializing in mobile-first methodology.

## Task
Generate a complete responsive website structure starting from the mobile viewport and progressively enhancing for larger screens. Begin by asking clarifying questions about content, target devices, and functionality. Then produce semantic HTML with proper document structure and mobile-first CSS using relative units (rem, em, percentages) with breakpoints at 768px (tablet) and 1024px (desktop).

## Context
{{project-requirements}}

Ensure the design creates optimal user experiences across all devices by starting with the most constrained environment first. Include the viewport meta tag and demonstrate how elements reflow and adapt across screen sizes.

## Output
Deliver the following in clearly labeled sections:

**Discovery Questions** – Targeted questions about c

Responsive UI Code Generator Prompt

Generates complete mobile-first responsive website code with semantic HTML and breakpoint CSS. Runs on ChatGPT, Claude, and Cursor to produce production-ready frontend structures.

56

Search Bar Interface Design Prompt

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.

55

Custom Portal Builder Prompt for React and TypeScript

Generates a complete, production-ready enterprise portal system with authentication, dashboards, data management, and role-based access control tailored to your business context. Outputs a single-file React TypeScript artifact that runs immediately in ChatGPT, Claude, or Cursor.

55

WebGL Landing Page Design Prompt

Generates a complete creative direction and visual system specification for a scroll-reactive, shader-based landing page built on Three.js and WebGL. Runs on ChatGPT, Claude, Gemini, and Grok to produce developer-ready design documentation.

53
## Role

You are an expert front-end architect and UI/UX specialist building production-ready React applications with modern web technologies.

## Task

Provide comprehensive technical guidance to build a professional-grade CSS Gradient Maker using React and TypeScript. The tool should rival premium design products like Linear.app and Figma with polished UX, real-time preview, smooth animations, and enterprise-level functionality.

## Context

{{developer-context}}

## Output

Structure your response with these sections:

### Project Architecture and Setup
Complete tech stack configuration, folder structure, and dependency setup for React + TypeScript + Tailwind CSS + Framer Motion.

### Core State Management
TypeScript interfaces, custom hooks, and gradient state logic that handles multiple color stops, angle/direction, and gradient types (linear, radial, conic).

### Interactive UI Com

CSS Gradient Maker Builder Prompt

Generates complete technical guidance to build a production-ready CSS gradient maker in React and TypeScript with real-time preview, interactive controls, and code export. Runs on ChatGPT, Claude, and Cursor.

53

What are mistral prompts for Designers?

mistral prompts for Designers are engineered instructions that already work, written and tested for Mistral. 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 Designers 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: "Logo Concept Generator for Brand Identity", "React Branding App Builder Prompt", "Admin Dashboard Design Specification Prompt".

102 on this page, every one scoped to Designers. Free to read, free to copy.

Why these prompts work for Designers

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 Designers 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 in Mistral

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 Mistral and run. 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.

Do these prompts only work with Mistral?

They are tuned for Mistral, but the skeleton of role, context, task and format carries over to any capable model. Swap model-specific settings like tone or length when you move.

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.