Дизайн от Claude выдаёт нейросеть с первого взгляда. 25 приёмов, чтобы это исправить
Пересказ разбора Jay из RoboNuggets по-русски: какие приёмы нужны эксперту без дизайнера, где брать шрифты, иконки и готовые блоки бесплатно
В ролике я сказал, что ИИ-дизайн чаще всего выдаёт шрифт. Это правда, но шрифт только первый признак. Ниже все 25 приёмов из разбора Jay (канал RoboNuggets, 96 тысяч просмотров за три дня), разложенные по трём уровням. Я пометил, какие из них нужны эксперту, который делает себе лендинг, обложки и презентации без дизайнера.
Уровень 1. База, которую делают за вечер
1. Дизайн-система. Всё начинается с неё. В Claude Design (claude.ai/design) есть раздел дизайн-систем: описываешь бизнес, добавляешь шрифты и логотип. Собирать можно не с нуля: загрузи презентацию, свой сайт или просто скриншот, и Claude сам вытащит цвета, шрифты и элементы.
2. Галерея готовых систем. Сайт styles.refero.design, больше 2000 описанных систем реальных компаний. Описаны языком, который Claude понимает: цвета, шрифты, отступы. Копируешь понравившуюся, добавляешь свои пожелания.
3. Пусть Claude выберет тройку. Не листай тысячи вариантов. Дай Claude ссылку на галерею и попроси найти три системы под твою нишу.
4. Дизайн-система в Claude Code. Веб-версия не видит файлы на компьютере. В Claude Code систему можно сохранить как свой скилл и вызывать одной командой.
5. Шрифт. Главный признак ИИ-дизайна. Бесплатные шрифты есть на FontShare и Fontesk, пару для заголовка и текста подбирает FontJoy.
6. Тексты. Если текст на макете звучит как нейросеть, картинка уже не спасёт. Попроси Claude изучить пятёрку лидеров ниши, выписать их приёмы в текстах и внести в систему.
7. Смешивание систем. Шрифты из одной, цвета и анимации из другой. Получается своё, а не копия чужого бренда.
Уровень 2. Чтобы выглядело профессионально
8. Картинки и видео Claude сам не рисует, но его можно подключить к генератору. 9. Новый проект начинай со ссылки на прошлый: «возьми систему и ресурсы вот отсюда». 10. Своя библиотека референсов: сохраняй понравившиеся сайты с Dribbble, Awwwards, из соцсетей. 11. Скилл Impeccable чистит макет: иерархия, отступы, шрифты, доступность. 12. Скилл тона голоса: запрещённые слова, твой стиль, твои выражения. 13. 21st.dev, библиотека готовых блоков интерфейса, сделанных под агентов. 14. React Bits, анимированный текст, стеклянные карточки, эффекты курсора. 15. CanvasUI, 35 необычных бесплатных эффектов. 16. Иконки бери наборами в одном стиле на Iconify или Flaticon и отдавай Claude папкой. 17. Иконки, схемы и иллюстрации проси в SVG. 18. Lordicon, анимированные иконки, многие бесплатно. 19. Creator's Toolbox, каталог из 150+ бесплатных ресурсов для дизайна.
Уровень 3. Продвинутое
20. Правила интерфейсов Apple (Human Interface Guidelines) превратить в скилл. 21. GSAP для плавных анимаций на сайте. 22. Команда /design в Claude Code: холст с макетами, как в Figma, но система знает твои правила и память. 23. Панель ползунков для ручной подстройки шрифтов, отступов и цветов. 24. Анимации из расшифровки видео: Whisper даёт тайминг слов, Claude делает графику под нужные моменты. 25. Своя дизайн-ОС: мини-приложение, где лежат все макеты и ресурсы бренда.
Что из этого нужно эксперту
Честно: 25 приёмов не нужны. Если ты делаешь себе лендинг, обложки и презентации, хватит шести.
| Приём | Зачем тебе |
|---|---|
| 1. Дизайн-система со скрина | все макеты в одном стиле без дизайнера |
| 5. Свой шрифт | убирает главный признак ИИ |
| 6. Тексты по лидерам ниши | макет звучит как ты, а не как нейросеть |
| 11. Чистка макета | из черновика получается аккуратная работа |
| 16-17. Иконки наборами и SVG | схемы и обложки не мылятся |
| 22. /design в Claude Code | если уже работаешь в Claude Code |
Остальное полезно тем, кто делает сайты на заказ.
Про SVG подробнее
SVG это картинка, записанная как код. Поэтому она не теряет чёткость при увеличении, цвет в ней можно поменять вручную, а ещё Claude может её анимировать. Схемы для статей на своём сайте я делаю именно так: прошу Claude нарисовать схему в SVG, правлю словами, получаю чистую картинку за пару минут.
С чего начать сегодня
Сделай скриншот своего сайта или самой удачной презентации. Загрузи в Claude Design как основу дизайн-системы. Замени шрифт на один из бесплатных. Попроси первый макет, например обложку для поста. Уже на этом шаге работа перестанет выглядеть как у всех.
Про команду /design у меня есть отдельный разбор: Claude Code /design. И про то, как завод копирует дизайн под свой стиль.
Частые вопросы
Claude Design платный?
Он входит в подписку Claude. Лимиты зависят от тарифа.
Можно ли просто скопировать дизайн известного бренда?
Лучше смешивать системы, приём 7. Прямая копия чужого бренда выглядит вторично и может создать юридические вопросы.
Если хочешь стиль, который держится сам
У меня дизайн-правила зашиты в систему, поэтому карусели, обложки и сайт выходят в одном стиле без ручной подгонки.
Как я это собираю, показываю каждый день в Telegram-канале: рилсы, статьи, воронки и все грабли по ходу. Подписывайся, там продолжение этой темы: t.me/Evgeniy_Tolstobrov
Это только фундамент. А дальше?
Как собрать первый скилл под себя, построить контент-завод, привести трафик и превратить подписчика в оплату — разбираю по шагам в Telegram. Честный дневник стройки с нуля.
📲 Зайти в канал и идти рядом 🔥