🎨 Як зробити, щоб дизайн від ШІ не виглядав як дизайн від ШІ?

Думаю, ви помічали: дизайн, згенерований ШІ, виглядає досить шаблонно. Часто з першого погляду можна сказати, яка модель його робила.

Допомогти з цим може design.md — стандарт опису дизайн-систем, який започаткував Google у своєму проєкті Stitch.

Це буквально текстовий файл з описом дизайн-системи продукту:

→ основні компоненти та як їх використовувати
→ кольори, відтінки та градієнти
→ використання логотипів
→ шрифти та їх розміри
→ розміри відступів
→ анімації

Як почати:

1. Зайдіть на getdesign.md. Там понад 100 готових дизайн-систем для презентацій, сайтів, анімацій чи HTML-файлів.
2. Скачайте потрібний файл і закиньте його в ШІ як контекст.
3. Попросіть модель дотримуватися цих правил і дивіться, як дизайни стають кращими.

💡 Pro tip: якщо у вас вже є дизайн-система, наприклад у Figma, закиньте Figma-файл у Claude Design і експортуйте готову дизайн-систему. Далі її можна давати Claude, ChatGPT чи будь-якій іншій LLM, і дизайни всюди будуть консистентні.

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

Збережіть, щоб не загубити, і поділіться з колегами, які теж генерують дизайни з ШІ.

Цей візуал також згенерований моєю дизайн системою.

P. S. Ще більше практичних лайфхаків для робочого процесу буде на моєму інтенсиві зі штучного інтелекту. Передзапис автоматичний після переходу за посиланням.