Design Words: як пояснити ШІ, який дизайн ви хочете

Автор ·

Автор Ben’s Bites запустив новий інструмент Design Words — сайт, який допомагає «перекладати» бажаний стиль інтерфейсу з людської мови на мову промптів для AI-агентів. Фактично це конструктор інструкцій для дизайну, орієнтований на людей без дизайнерної освіти.

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

Design Words пропонує інший підхід: ви не вигадуєте промпт з нуля, а вибираєте стилі, компоненти й варіанти оформлення на візуальному сайті. Сервіс показує прев’ю інтерфейсу, дозволяє покрутити налаштування (радіуси кутів, тіні, палітри, шрифти, типи лейаутів), а потім генерує текстовий промпт, який можна скопіювати у свого агента.

Цікаво, що сам інструмент будувався за допомогою цілої зв’язки моделей: Fable 5.1, Droid, GLM 5.3, Luna, Opus 5 та інших. Автор фактично використовував агентів як дизайн-команду: запускав субагентів для критики макетів, UX-оцінки, генерації нових варіантів та навіть для оркестрації інших моделей. На етапі прототипування він створив понад 10 версій інтерфейсу, постійно уточнюючи: що зробить цей сайт «у 10 разів кращим», а потім і «в тисячу разів кращим».

Окрема ідея, яка врешті спрацювала, — кнопка shuffle. Ви обираєте набір стилів, натискаєте shuffle, і система генерує новий варіант сторінки в цих параметрах. Мета — щоб користувач міг «крутити» варіанти майже безкінечно, але при цьому досить швидко знаходив стиль, який подобається, і одразу забирав промпт для свого агента.

Для деплою автор використав here.now, а щоб підключити сайт до домену bensbites.com, зробив проксі через Cloudflare Worker. Тобто агенти розгортають сайт на here.now, а користувач бачить його за адресою bensbites.com/design-words — без ручного налаштування Cloudflare.

Чому це важливо

Design Words добре показує, куди рухається робота з AI-агентами: від «магічних промптів» до інструментів, які допомагають формулювати завдання без спеціальних знань. Для українських розробників, фаундерів і маркетологів тут є кілька практичних висновків.

  • Менше болю з промптами для дизайну. Якщо ви не дизайнер, але хочете швидко отримати прототип сайту від агента, подібний «словник дизайну» з візуальними прикладами знімає бар’єр: ви бачите, як виглядає стиль, і одразу маєте готовий опис.
  • Шаблон для власних внутрішніх інструментів. Те, що зробив автор з Design Words, легко адаптувати під свої задачі: наприклад, створити внутрішній промпт-білдер для брендових гайдлайнів компанії, щоб усі агенти генерували інтерфейси в єдиному стилі.
  • Приклад «агентного» підходу до розробки. Автор не просто користувався однією LLM, а будував процес як оркестрацію багатьох моделей: одні генерують, інші критикують, треті тестують. Це хороший орієнтир для тих, хто в Україні зараз пробує будувати власні агентні системи.
  • Фокус на візуальному, а не на тексті. Ключова думка, з якою я повністю згоден: для дизайну промпт — це сервісна деталь. Користувачеві важливо бачити, як виглядає сторінка, а текст інструкції — лише спосіб передати це агенту. Якщо ви будуєте AI-продукт для недизайнерів, варто починати з візуального досвіду.

На мій погляд, такі інструменти — хороший місток між «я не знаю, як це описати» і «я можу стабільно отримувати потрібний результат від ШІ». І це саме той рівень абстракції, який зараз бракує багатьом AI-продуктам на нашому ринку.

Джерело: Ben's Bites (https://www.bensbites.com/p/telling-ai-to-design-is-hard)