В апреле Anthropic выпустили Claude Design. Инструмент для дизайна интерфейсов прямо в чате, без дизайнера. Красиво, быстро, дорого: подписка от 2300 ₽ в месяц, оплата только зарубежной картой или через посредников. Из России без танцев с бубном не подступишься.
Я расскажу, как получать дизайн похожего качества бесплатно, в любой нейронке (Claude, ChatGPT, Gemini, DeepSeek) и без подписок. На простых промпт-блоках, в которые можно подставлять свои фирменные цвета.
Почему нейронки рисуют дженерик-лендинги
Если попросить любую нейронку «сделай красивый сайт», получишь одно и то же: фиолетовый градиент, круглые кнопки, прозрачное стекло, иконки из lucide. Так выглядят 80% AI-сгенерированных лендингов в интернете.
Причина простая. Нейронка не знает, что такое «красиво» в твоём контексте. У неё нет ни брендбука, ни референсов, ни понимания целевой аудитории. Она усредняет всё, что видела в обучении, и выдаёт безопасный результат. Дженерик.
Чтобы получить нормальный дизайн, нейронке нужна рамка: какие цвета, какая типографика, какие отступы, какой тон.
Что такое библиотека стилей
Я собрал библиотеку готовых промпт-блоков по известным продуктам. Linear, Stripe, Notion, Arc, Vercel, Т-Банк. Всего 50+ стилей. Каждый блок это структурированное описание дизайн-системы продукта: палитра, типографика, радиусы, тон голоса, поведение элементов.
Логика работы простая:
- Открываешь библиотеку
- Выбираешь продукт, чей стиль тебе нравится (за основу)
- Копируешь блок
- Подставляешь свои фирменные цвета вместо родных. У каждого блока цвета вынесены в отдельные строки, поменять можно за 30 секунд
- Вставляешь в любую нейронку
- Дописываешь, что хочешь сделать («лендинг для онлайн-курса по фотографии, три секции: герой, программа, отзывы»)
- Получаешь макет в выбранной стилистике, но с твоей палитрой
Как работает подмена цветов
Возьмём блок Linear. В оригинале это спокойный тёмно-серый фон, белый текст, акцентный фиолетовый. В блоке прописаны конкретные значения: #08090A для фона, #F7F8F8 для текста, #5E6AD2 для акцента.
Меняешь эти значения на свои. Например, для онлайн-школы по живописи: тёплый кремовый #FAF6EF вместо чёрного, насыщенный терракотовый #C7522A вместо фиолетового. Логика дизайна остаётся: та же плотность интерфейса, та же типографика, те же радиусы и отступы. Меняется только палитра.
Получается так: ты не копируешь Linear, ты берёшь его дизайн-философию (минимализм, технологичность, плотный интерфейс) и накладываешь на свой бренд. Это и есть смысл библиотеки.
Зачем привязываться к чужому стилю
Не для копирования. А чтобы дать нейронке точные дизайн-вводные вместо «сделай модно».
Когда говоришь «сделай в стилистике Linear», ты передаёшь модели огромный контекст одной строкой. Не просто «технологичный B2B», а конкретные оттенки, конкретную плотность интерфейса, конкретный шрифт, конкретное поведение кнопок. Это рамка, в которой нейронка перестаёт импровизировать.
Дальше меняешь цвета на свои, заменяешь логотип, переписываешь тексты. Стиль остаётся, фирменные элементы становятся твоими.
Личный опыт
На прошлой неделе собирал лендинг для своего проекта. Открыл блок Linear, поменял цвета на бренд-палитру tatsy.pro (синий #102696, акцентный красный #EC3440), вставил в ChatGPT, описал, что хочу. Получил макет с правильной типографикой, отступами, фирменным минимализмом, но в моих цветах. За десять минут.
Без Figma, без подписок, без терминала. Стиль Linear считывается сразу: чистый, технологичный, без лишнего. Но это уже мой лендинг, не клон.
Делал библиотеку сам, многие описания собирал и проверял лично. Каждый блок прогонял через несколько нейронок, чтобы убедиться, что результат стабильный.
Чем это отличается от Claude Design
Claude Design это законченный продукт от Anthropic с собственным интерфейсом, превью в реальном времени и встроенными комментариями к элементам. За это просят 2300 ₽ в месяц, плюс оплата зарубежной картой.
Библиотека стилей tatsy.pro это не продукт, а набор инструментов. Бесплатно, без подписок, без привязки к одной нейронке. Работает в Claude, ChatGPT, Gemini, DeepSeek и любой другой модели, в которую можешь скопировать текст.
Минус честный: это не визуальный редактор. Итерации идут через текст. Хочешь поменять отступ, пишешь нейронке, ждёшь новую версию. Если для тебя важно тыкать мышкой в макет, библиотека не заменит Claude Design. Если важен результат, заменит.
Когда библиотека выручает
Быстро показать клиенту вариант. Собрать прототип за вечер. Объяснить дизайнеру, что ты имеешь в виду под «как у Stripe», без часовых разговоров. Запустить лендинг для теста идеи без бюджета на дизайнера.
Когда не выручает: продакшен-проект на годы вперёд с собственной дизайн-системой. Здесь нужен живой дизайнер, который соберёт уникальную систему под твой продукт.
Если хочешь полную картину по дизайну в вайб-кодинге, я раньше разбирал четыре способа управлять дизайном в нейронке. Библиотека стилей это один из них, самый простой и доступный.
Как попробовать
Библиотека лежит на сайте: Библиотека стилей TATSY.PRO. Бесплатно, без регистрации. Открываешь, выбираешь стиль, подставляешь свои цвета, копируешь блок, вставляешь в любимую нейронку. Через десять минут у тебя макет.
#нейросетидлядизайна #промпты #вайбкодинг
Подпишись в Telegram 🧠