18+ готових промптів для UX/UI дизайнерів: гайд по Midjourney, Runway та Leonardo

Генеративний ШІ радикально змінив робочий процес дизайнерів. Те, що ще недавно вимагало години у Figma або Illustrator, сьогодні генерується за хвилини — від мудбордів до анімованих концептів. Але ключове: ШІ не підміняє творчість. Він забирає рутину й залишає дизайнеру головне — концепцію, стратегію та якісне продуктове рішення.

Разом із Анною Кривонос, дизайнеркою Genesis, High Bar Journal розбирає, як UX/UI-фахівці можуть ефективно працювати з Midjourney, Runway та Leonardo, на що звернути увагу при виборі інструменту і як писати промпти, що дають стабільно передбачуваний результат. 

Як обрати ШІ-інструмент: короткий огляд для дизайнерів

Правильний вибір інструменту залежить від задачі. Ось що треба знати про кожен.

Midjourney — для креативного ресьорчу

Спеціалізація: швидка концептуалізація, створення мудбордів, висока естетика «з коробки». Якщо вам потрібно вразити клієнта атмосферними візуалами або знайти несподіваний стилістичний напрямок — це ваш вибір.

Переваги: швидкість роботи та стилістична узгодженість. MJ «розуміє» дизайн-тренди інтуїтивно: достатньо згадати «Neumorphism» або «Swiss Design», і модель видасть когерентний результат. Ідеально для explorative фази проєкту.

Слабкі сторони: погано справляється з точним UI-детайлінгом, часто «галюцинує» із текстом на кнопках та інтерфейсних елементах. Не підходить для фінальних макетів, де потрібна pixel-perfect точність.

Runway Gen-3 — для motion та анімацій

Спеціалізація: створення коротких анімацій для презентації мікровзаємодій, transition-ефектів, моушн-мокапів. Коли треба показати стейкхолдерам, як «оживе» інтерфейс, — Runway перетворює статику на динаміку.

Переваги: швидка генерація якісного відео (до 10 секунд) без необхідності знати After Effects. Можна починати із зображення (img2video) або з чистого промпту, керувати камерою та темпом через текстові інструкції.

Слабкі сторони: не підходить для складних UI-анімацій з багатьма інтерактивними елементами. Може бути непередбачуваним у деталях. Дорожче за статичні інструменти.

Leonardo.ai — для UI-елементів та консистентності

Спеціалізація: створення іконок, UI-компонентів, ілюстрацій з консистентним стилем. Завдяки можливості тренувати власні моделі ідеально підходить для генерації елементів дизайн-системи.

Переваги: краща консистентність порівняно з Midjourney, зручні пресети стилів, можливість створювати кастомні моделі. Добре працює з чіткими геометричними формами та UI-елементами.

Слабкі сторони: менш «художній» результат порівняно з Midjourney, потребує більше часу на налаштування для досягнення унікального стилю.

Як писати промпти для дизайну: практичний мінігайд

Хороший промпт для дизайну — це не художній опис, а технічне завдання з елементами креативу. Нагадаємо п'ять принципів, які працюють.

Принцип 1. Задайте роль та контекст

ШI краще розуміє задачу, коли ви вказуєте контекст. Замість «create a landing page» пишіть «UI design for a SaaS landing page targeting B2B audience, inspired by Stripe and Linear». Це налаштовує модель на правильний tone of voice.

Приклад: «Minimalist UI design for a FinTech app, inspired by Revolut and N26» — модель розуміє: чисті форми, багато whitespace, акцент на читабельності цифр.

Принцип 2. Будьте конкретними щодо композиції

Чітко описуйте структуру: кількість екранів, розташування елементів, ієрархію. Замість «beautiful dashboard» напишіть «dark mode dashboard with sidebar navigation, 3 metric cards at top, large line chart in center, data table below».

Кожне додаткове слово звужує простір можливостей для моделі і наближає результат до вашого бачення.

Принцип 3. Використовуйте дизайн-термінологію

Моделі «знають» дизайн-терміни: glassmorphism, flat design, neumorphism, brutalism, isometric 3D. Згадка конкретних UI-компонентів теж працює: button, CTA, dropdown, card grid, segmented control.

Пишіть також про конкретні інструменти: «Figma-style», «Dribbble top shot aesthetic», «Behance featured project quality».

Принцип 4. Встановлюйте технічні параметри та заборони (Negatives)

У Midjourney використовуйте:

• --ar 16:9 для співвідношення сторін

• --style raw для менш художньої інтерпретації

• --stylize 50-150 для контролю креативності (нижче = точніше до промпта)

• --no text, watermark, logo для виключення небажаних елементів.

  
  

У Leonardo.ai:

• Виберіть preset (Leonardo Diffusion XL, Leonardo Vision XL).

• Налаштуйте Guidance Scale (7-15 для балансу).

• Використовуйте negative prompts окремим полем.

Формула негативних промптів: завжди вказуйте, чого НЕ треба робити. Це економить час на виправлення.

Принцип 5. Працюйте ітеративно

Жоден промпт не буває ідеальним з першого разу. Генеруйте чотири варіанти, вибирайте найкращий, використовуйте Vary (Region) у Midjourney для локальних змін. Дизайн через ШІ — це діалог, а не монолог.

Покращуйте промпти

Якщо не впевнені, як описати бажаний стиль або композицію, попросіть ChatGPT сформулювати промпт за вас. Покажіть референс або опишіть словами, що хочете отримати.

Універсальна формула промпта для дизайнерів

Після п'яти принципів ви готові створювати ефективні промпти. Ось базова структура, яка працює для більшості дизайнерських задач:

[Тип об'єкта] for [контекст/продукт],

[стиль/естетика],

[композиція та розташування],

[колірна схема],

[ключові елементи],

[технічні параметри]

Приклад застосування:

Hero illustration for productivity SaaS app,

modern 3D style with soft shadows,

centered composition with negative space on left,

purple (#6366F1) and white color scheme,

floating smartphone with glowing interface, abstract shapes,

professional marketing quality --ar 3:2 --style raw

Ця формула — ваша відправна точка. Адаптуйте її під конкретну задачу, додаючи або прибираючи елементи залежно від потреб. Далі ви знайдете готові шаблони для шести типових дизайнерських задач.

Готові промпти для 6 типових задач дизайнера

Задача 1: створення mood board для візуальної концепції

Коли застосовувати: початок проєкту, коли потрібно визначити візуальний напрямок, показати клієнту варіанти tone & feel, або синхронізувати команду навколо спільного бачення естетики продукту.

Промпт для Midjourney

A modern mood board for sustainable fashion e-commerce, 

featuring earthy tones (beige, sage green, terracotta), 

organic linen textures, minimalist product photography, 

natural window lighting, sans-serif typography samples, 

botanical elements and dried flowers, 

arranged in a clean grid layout, editorial style, 

professional design presentation --ar 3:2 --style raw --stylize 100

Промпт для Runway Gen-3

Camera slowly panning across a digital mood board for wellness app, 

calming pastel aesthetic with lavender and mint tones, 

images smoothly transitioning and layering: yoga poses, natural textures, 

color swatches, modern typography, organic shapes, 

elegant reveal with subtle parallax effect, 

professional design presentation, clean composition, 

4K quality, 6 seconds

Промпт для Leonardo.ai

Mood board collage for sustainable fashion e-commerce,

earthy beige, sage green, terracotta color scheme,

collection of: linen textures, minimal product flat lays, 

sans-serif font examples, botanical elements, natural materials,

organized grid layout, clean composition,

high-quality editorial style, professional design presentation

Negative prompt: cluttered, chaotic, low quality, watermarks, neon colors

Preset: Leonardo Diffusion XL

Aspect Ratio: 3:2

Чекліст якості

• Всі елементи відповідають описаному настрою та індустрії.

• Колірна палітра консистентна (3-5 домінантних кольорів).

• Композиція збалансована, не перевантажена.

• Якість зображень достатня для презентації клієнту (мінімум 1920px ширина).

• Mood board дає чітке уявлення про візуальний напрямок.

• Можна виділити 2-3 ключові стилістичні елементи для подальшої роботи.

Задача 2: генерація hero-ілюстрацій для лендингів та реклами

Коли застосовувати: створення візуального акценту для landing page, paid campaigns (Facebook/Instagram ads), email-розсилок. Особливо актуально для швидкої генерації варіантів для A/B тестування або адаптації креативів під різні формати та платформи.

Промпт для Midjourney

Hero section illustration for AI-powered productivity app, 

concept: "automate your daily tasks with intelligent assistance", 

visual style: modern 3D with soft shadows, 

color scheme: deep purple (#6366F1), white, light gray, 

focal point: floating smartphone with glowing interface in center, 

supporting elements: abstract geometric shapes, small productivity icons orbiting, 

subtle gradient background, 

composition: rule of thirds, ample negative space on left for text overlay, 

visual hierarchy leading eye to center, 

professional marketing quality, clean and polished, 

suitable for web landing page --ar 3:2 --style raw --stylize 75

Промпт для Runway Gen-3

Hero section animation for fitness tracking app landing page, 

"track your progress visually" concept, 

energetic minimalist aesthetic, orange to pink gradient background, 

animation sequence: smartphone with app interface floats into frame, 

workout statistics animate onto screen, 

circular progress rings fill with smooth motion, 

main subject: iPhone mockup centered, slight rotation, 

camera: gentle parallax effect, 

smooth and professional web animation, 

seamless loop ready, 4 seconds, 

premium feel, 4K quality

Промпт для Leonardo.ai

Hero illustration for AI productivity app landing page,

automate daily tasks concept,

modern 3D style with soft shadows and depth,

deep purple, white, light gray color palette,

main focus: floating smartphone with glowing interface,

additional elements: abstract geometric shapes, small icons orbiting,

clean composition with space for text overlay on left side,

marketing quality, professional and polished

Negative prompt: cluttered, busy, text, logos, low quality, distorted

Preset: Leonardo Vision XL

Aspect Ratio: 3:2

Guidance Scale: 10

Чекліст якості

• Є чітка візуальна ієрархія (погляд рухається в потрібному напрямку).

• Кольори точно відповідають брендбуку або добре сполучаються.

• Достатньо negative space (вільного простору) для CTA та заголовка.

• Композиція працює як на desktop, так і на mobile (перевірте обидва формати).

• Роздільна здатність достатня для всіх платформ (мінімум 1920px для web).

Задача 3: створення іконок та UI-елементів

Коли застосовувати: швидке створення іконок для empty states, онбординг-ілюстрацій, кастомних іконографій для застосунку або сайту. Коли потрібен унікальний візуальний стиль, а не стандартні іконки з бібліотек.

Промпт для Midjourney

A set of 8 minimalist line icons for meditation app: 

lotus flower, timer clock, breathing wave pattern, crescent moon, 

journal book, notification bell, user profile, settings gear, 

consistent 2px stroke weight, rounded line caps and corners, 

monochrome black on white background, 

visual unity across all icons, same level of detail, 

arranged in organized grid with equal spacing, 

clean white background, icon set presentation, 

professional design system quality --ar 16:9 --style raw --stylize 50

Промпт для Runway Gen-3

UI icon animation showcase for finance app, 

6 icons appearing one by one with smooth entrance: 

wallet, credit card, chart growth, piggy bank, receipt, shield, 

each icon: fade in from center + subtle scale bounce, 

modern line art design, deep blue color, 

transitions smooth and synchronized 0.3s apart, 

professional micro-interaction feel, 

5 seconds total, clean presentation on white background

Промпт для Leonardo.ai

Icon set of 8 minimalist line icons for meditation app,

icons: lotus flower, timer, breathing wave, moon, journal, bell, profile, settings,

consistent 2px stroke weight, rounded line caps,

monochrome black on white background,

uniform size and detail level across all icons,

arranged in organized grid layout with equal spacing,

professional icon library presentation

Negative prompt: 3D, shadows, gradients, filled shapes, inconsistent lines, text

Preset: Leonardo Diffusion XL

Aspect Ratio: 16:9

Guidance Scale: 8

Задача 4: візуалізація мобільних екранів та UI-флоу

Коли застосовувати: швидкий прототип для презентації клієнту, візуалізація онбордингу, демонстрація концепції нового флоу без створення повноцінних макетів у Figma.

Промпт для Midjourney

Mobile app UI screen for fitness tracking app, 

home dashboard interface,

layout: header with greeting and user avatar, 

3 metric cards showing steps/calories/distance, 

large circular progress chart in center, 

"Start Workout" CTA button at bottom, tab bar navigation,

style: energetic minimalist with bold typography, 

color scheme: vibrant orange (#FF6B35) and deep purple (#6C3483),

modern iOS design language, generous spacing, clear hierarchy,

professional product design, centered composition,

iPhone mockup --ar 9:16 --style raw --stylize 75

Промпт для Runway Gen-3

Mobile app UI flow animation for meditation app,

user journey: welcome screen → breathing exercise selection → timer screen,

screen transitions: smooth slide left between screens,

calming minimalist design aesthetic, soft lavender and mint green,

gentle fade-in of elements, 

smooth 60fps animation, realistic mobile behavior,

professional app demo feel, 7 seconds

Промпт для Leonardo.ai

Mobile application UI screen for fitness tracking app,

home dashboard interface design,

layout structure: top header with user greeting and avatar, 

row of 3 metric cards below, large circular progress chart centered, 

primary action button at bottom, tab bar navigation,

design style: energetic minimalist, orange and purple color palette,

modern iOS design patterns, bold typography,

clean spacing with 8px grid, clear visual hierarchy,

professional mobile product design, vertical orientation

Negative prompt: desktop, horizontal, cluttered, illegible text, poor spacing

Preset: Leonardo Vision XL

Aspect Ratio: 9:16

Guidance Scale: 12

Чекліст якості

• Пропорції відповідають реальним мобільним пристроям (9:16).

• UI-елементи розташовані логічно (thumb zone враховано).

• Візуальна ієрархія зрозуміла (primary vs secondary елементи).

• Spacing консистентний, інтерфейс не перевантажений.

• Легко уявити, як це працюватиме в реальному застосунку.

Задача 5: створення 3D-мокапів продукту для маркетингу

Коли застосовувати: маркетингові матеріали, App Store screenshots, презентація застосунку в реалістичному середовищі, соціальні мережі та paid campaigns.

Промпт для Midjourney

iPhone 15 Pro mockup displaying a food delivery app interface,

placed on a minimalist white marble desk 

next to a cappuccino cup and fresh croissant,

soft natural window lighting from the left,

slight perspective view at 30-degree angle,

ultra-realistic materials, sharp focus on screen,

clean product photography, premium aesthetic,

uncluttered composition --ar 4:3 --style raw --stylize 100

Промпт для Runway Gen-3

Product showcase animation for travel booking app,

iPhone mockup with booking interface on screen,

camera: slow 180-degree rotation revealing device,

minimalist setup on white surface with soft shadows,

screen content: app interface with subtle parallax effect,

cinematic product video feel, premium quality, 6 seconds

Промпт для Leonardo.ai

iPhone 15 Pro product mockup with food delivery app interface on screen,

placed on white marble surface in minimalist workspace,

accompanied by coffee cup and fresh pastry,

soft natural window lighting creating gentle shadows from left,

slight perspective view showing depth,

photorealistic rendering with accurate materials,

professional product photography style, premium aesthetic,

clean and minimal composition

Negative prompt: blurry screen, distorted, messy, dark, unrealistic reflections

Preset: Leonardo Kino XL

Aspect Ratio: 4:3

Guidance Scale: 15

Чекліст якості:

• Екран пристрою в фокусі, без бліків та спотворень.

• Реалістичні відображення та тіні.

• Композиція збалансована (правило третин дотримано).

• Lifestyle-елементи не відволікають від головного.

• Роздільна здатність мінімум 2400px для друку.

Задача 6: створення фонових текстур та абстрактних елементів

Коли застосовувати: hero-секції лендингів, фони для мобільних екранів, брендові патерни, декоративні елементи для презентацій.

Промпт для Midjourney

Abstract gradient mesh background,

blending coral pink (#FF6B9D), lavender (#C3B1E1), and mint green (#98D8C8),

soft blur with subtle bokeh light effects, organic flowing shapes,

dreamy calming aesthetic,

suitable for wellness app hero section background,

high resolution, modern design --ar 16:9 --style raw --stylize 100

Промпт для Runway Gen-3

Animated background for meditation app landing page,

organic liquid shapes slowly flowing and morphing,

pastel purple to blue gradient shifting subtly,

smooth calming motion, hypnotic and relaxing feel,

seamless loop, suitable for hero section background,

8 seconds, 4K quality

Промпт для Leonardo.ai

Seamless abstract gradient mesh background for wellness app hero section,

colors: coral pink #FF6B9D, lavender #C3B1E1, mint green #98D8C8,

organic flowing shapes, soft blur, subtle bokeh highlights, gentle depth,

smooth transitions between colors, non-directional composition (tileable/seamless),

low visual contrast to avoid distracting main content, high resolution suitable for web and mobile (>= 2560x1440),

output formats: PNG with alpha / JPEG fallback,

style: modern minimalist, editorial quality,

use negative prompts: no text, no logos, no harsh edges, no photorealistic objects,

Preset: Leonardo Diffusion XL

Guidance Scale: 12

Tileable: true

Notes: produce 3 variants with different noise grain levels (none, subtle, medium)

Чекліст якості:

• Патерн безшовно повторюється (якщо потрібно).

• Не відволікає від основного контенту (середній контраст).

• Роздільна здатність мінімум 2560×1440px для Retina.

• Кольори відповідають бренду або добре сполучаються.

• Формат PNG з можливістю прозорості (якщо потрібно).

  
  

Універсальні рекомендації по всім промптам

1. Завжди вказуйте output sizes (desktop, mobile, social). Наприклад 1920x1280 для web, 1080x1920 для сторіз.

   
   

2. Додавайте --no text --no watermark у Midjourney, і negative prompt в Leonardo (щоб уникнути зайвих написів).

   
   

3. Просіть кілька варіантів: generate 4 variants або produce 3 colorways.

   
   

4. Якщо потрібен тайлінг — прямо в промпті напишіть seamless/tileable. Якщо не підтримується — план postproc.

   
   

5. Вказуйте чекпойнти якості: resolution, safe margins для тексту, contrast limits. Це робить результат відразу більш робочим.

   
   

6. Зберігайте промпти у Notion/Notepad з тегами: [task, tool, preset, guidance] — ви вже радите це, і це круто.

   
   

7. Тестуйте на маленьких параметрах (низький guidance / stylize) перш ніж запускати heavy render — економить бюджет.

   
   

Що ШІ НЕ вміє: обмеження та підводні камені

Навіть найкращі ШІ-інструменти мають обмеження, про які варто знати:

• Точна типографіка та текст. ШI погано генерує читабельний текст на кнопках, лейблах та UI-елементах. Завжди додавайте --no text в Midjourney або плануйте, що текст доведеться додавати вручну у Figma.

  
  

• Консистентні UI-компоненти. Важко отримати ідентичні кнопки, карточки чи форми для всієї дизайн-системи. ШI краще для концептів, ніж для production-ready компонентів.

  
  

• Pixel-perfect точність. Розміри, відступи та вирівнювання потребують ручного доопрацювання. ШI дає напрямок, а не фінальний макет.

  
  

• Складні інтерактивні флоу. Багатокрокові процеси з логікою та умовами — це все ще територія дизайнера. ШI може візуалізувати окремі стани, але не архітектуру.

  
  

• Конфіденційність даних. Ніколи не завантажуйте конфіденційну інформацію в ШI-інструменти. Ви не можете контролювати, як ця інформація буде використовуватись або зберігатись.

  
  

• Технічні нюанси різних моделей. За словами фахівчині, кожна модель має свої особливості та обмеження. Те, що працює в одній, може зламатися в іншій.

Як інтегрувати ШІ у ваш воркфлоу

ШI-інструменти найкраще працюють на початкових етапах проєкту — exploration, концептуалізація, швидкі ітерації. Вони економлять години рутини та дозволяють показати клієнту 5 варіантів замість одного.

Практичні поради для роботи з ШI:

• Будуйте бібліотеку промптів — зберігайте успішні промпти в Notion або окремому файлі. З часом у вас буде готовий набір шаблонів під кожну задачу.

  
  

• Комбінуйте інструменти — Midjourney для концепту, Figma для чистки та додавання тексту, Runway для анімації. Кожен інструмент має свої сильні сторони.

  
  

• Ітеруйте швидко — не чекайте ідеального результату з першої спроби. Генеруйте 4-8 варіантів, обирайте найкращий, рефайніть.

  
  

• Використовуйте ШI як ко-пілота — він не замінює дизайнера, а дає суперсилу швидкості. Ви залишаєтесь тим, хто приймає рішення, курує та полірує.

  
  

• Якість над шаблонністю. Не існує універсального промпта для всіх задач. Кожен проєкт унікальний і потребує індивідуального підходу.

  
  

• Довіряйте своєму відчуттю. Найкращий чекліст якості — це ваше професійне бачення та розуміння потреб бізнесу.

  
  

«Як визначаю, чи генерація придатна? З'являється відчуття, що «ось це воно, це вже готове». Чи збігається картинка з моїм баченням, чи задовольняє вона потребу бізнесу або відповідає стандартам якості у Genesis», — радить фахівчиня.

Експериментуйте, тестуйте нові підходи та не бійтесь помилятися — саме так будується майстерність роботи з ШI-інструментами. Цей гайд — ваша стартова точка, а далі — простір для творчості.