← Все гайды

Дизайн · Claude · 3 мин

Claude Design: 3 способа, о которых не знают

Три способа получать из Claude нормальный дизайн, а не типовые блоки. С примерами запросов.

01Моушн-графика из шаблонов

Видео под твой бренд

Сайт React Video Editor раздаёт бесплатные Remotion-шаблоны: текстовые эффекты, анимированные графики, переходы, интро. Claude подгоняет любой из них под твой бренд или стиль соцсетей. Каталог: reactvideoeditor.com/remotion-templates

1Выбери шаблон

Открой каталог по ссылке выше и полистай категории: текст, графики, переходы, интро. У каждого шаблона есть кнопка View с полным кодом.

2Сохрани код в папку

Скопируй код шаблона в отдельную папку на компьютере и открой в ней Claude Code. Один шаблон = одна папка, так проще не запутаться.

3Попроси подогнать под бренд

Claude сам перекрасит, заменит шрифты и тексты, потом отрендерит готовый mp4 для рилса, сторис или сайта. «Подгони этот шаблон под мой бренд: цвета [твои цвета], шрифт [твой шрифт]. Текст замени на [твой текст], сделай формат 9:16 и отрендери mp4» Моушн-графика уровня студии из бесплатного шаблона за один вечер.

02Дизайн-системы брендов

Стиль apple и stripe за 2 минуты

На GitHub лежит бесплатная подборка Awesome Claude Design: 68 готовых файлов DESIGN.md с дизайн-системами брендов. Apple, Stripe, Spotify, Nike, Tesla и ещё десятки. Ссылка: github.com/VoltAgent/awesome- claude-design

1Скачай DESIGN.md бренда

Открой подборку по ссылке выше и выбери файл нужного бренда. Внутри вся визуальная система: цвета, шрифты, отступы, характер.

2Загрузи в Claude Design

Зайди на claude.ai/design и создай новую дизайн-систему из этого файла. Запасной путь: просто прикрепи файл в чат Claude.

3Проси собрать что угодно

Лендинг, презентация, карточки. Через две минуты всё выйдет в точности в стиле бренда. «Собери [лендинг для моего продукта] строго по этому DESIGN.md: цвета, шрифты и отступы из файла, ничего не изобретай» Дизайн уровня Apple или Stripe без дизайнера и без брифов.

03Копия любого сайта

Ссылка вместо тз

Понравился чей-то сайт? Ссылки достаточно. Claude разберёт структуру и соберёт такой же, но под твой продукт. Картинки и видео для него добавит Higgsfield: higgsfield.ai

1Скопируй ссылку

Любой сайт, который нравится по дизайну. Открой Claude Code или чат Claude и вставь адрес.

2Опиши свой продукт

Claude возьмёт структуру и настроение сайта-примера, а содержание сделает под тебя: тексты, блоки, кнопки.

3Подключи Higgsfield

Картинки и видео для нового сайта генерирует Higgsfield на higgsfield.ai, а Claude сам расставит их по местам. «Вот сайт, который мне нравится: [ссылка]. Собери такой же по структуре и настроению, но под [мой продукт]» Сайт под ключ без ТЗ, макетов и подрядчиков. // с чего начать Начни со второго способа Скачай DESIGN.md любимого бренда с github.com/VoltAgent/awesome-claude- design и собери первый лендинг за вечер. Это самый быстрый результат из трёх способов. Дальше подтянешь моушн-графику и копии сайтов. Три способа закрывают весь визуал: видео для соцсетей, фирменный дизайн и сайт.

Скачать в PDFТот же гайд файлом, чтобы забрать с собой

Ещё по теме «Дизайн»

Дальше

Разбираю нейросети по-человечески в телеграм-канале, а на платформе учу собирать из них рабочую систему.