Думаю, ви помічали: дизайн, згенерований ШІ, виглядає досить шаблонно. Часто з першого погляду можна сказати, яка модель його робила.
Допомогти з цим може design.md — стандарт опису дизайн-систем, який започаткував Google у своєму проєкті Stitch.
Це буквально текстовий файл з описом дизайн-системи продукту:
→ основні компоненти та як їх використовувати
→ кольори, відтінки та градієнти
→ використання логотипів
→ шрифти та їх розміри
→ розміри відступів
→ анімації
Як почати:
1. Зайдіть на getdesign.md. Там понад 100 готових дизайн-систем для презентацій, сайтів, анімацій чи HTML-файлів.
2. Скачайте потрібний файл і закиньте його в ШІ як контекст.
3. Попросіть модель дотримуватися цих правил і дивіться, як дизайни стають кращими.
💡 Pro tip: якщо у вас вже є дизайн-система, наприклад у Figma, закиньте Figma-файл у Claude Design і експортуйте готову дизайн-систему. Далі її можна давати Claude, ChatGPT чи будь-якій іншій LLM, і дизайни всюди будуть консистентні.
Наприклад, лендінг пейдж мого сайту та багато внутрішніх екранів притримуються моєї дизайн системи з Figma, яку для нас зробив дизайнер.
Збережіть, щоб не загубити, і поділіться з колегами, які теж генерують дизайни з ШІ.
Цей візуал також згенерований моєю дизайн системою.
P.S. Ще більше практичних лайфхаків для робочого процесу буде на моєму інтенсиві зі штучного інтелекту. Передзапис автоматичний після переходу за посиланням.