AI Open Guide
← Claude · Claude Design

1Коротко

Один раз дайте Claude свои цвета, шрифты и стиль в виде дизайн-системы — и все следующие дизайны будут их использовать без напоминаний.

2Новые слова

  • Дизайн-система (Design system) — сохранённый набор правил того, как должны выглядеть ваши материалы: цвета, типографика (шрифты и размеры), отступы, кнопки, использование логотипа. У дизайнеров такая есть для каждого бренда.
  • Бренд (Brand) — единый узнаваемый облик и голос компании или человека. Ваша дизайн-система — это бренд, записанный на бумаге.
  • Типографика (Typography) — шрифты и то, как они используются: какой шрифт для заголовков, какой для текста, какого размера.

3Зачем это вам

Без дизайн-системы каждый дизайн начинается со вкуса Claude, и вы постоянно повторяете «нет, наш синий». С ней кремово-медный стиль пекарни (или ваш настоящий бренд) уже есть в первом черновике каждой страницы, презентации и поста. У команды может быть несколько систем для разных брендов.

4Попробуйте сейчас

(платные тарифы)

  1. В Design нажмите Design System в разделе «Make something new» (Создать новое) или откройте меню «Choose design system» (Выбрать дизайн-систему) в новом дизайне и нажмите Manage design systems (Управление дизайн-системами).
  2. Дайте Claude адрес своего сайта, загрузите файл с брендом или опишите стиль: Кремовый фон, медный акцент, дружелюбный шрифт с засечками для заголовков, скруглённые кнопки.
  3. Откройте новый дизайн, выберите эту дизайн-систему в меню и попросите сделать пост для соцсетей.

5Что вы увидите

Меню дизайн-систем в новом дизайне со ссылкой на управление системами:

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

Когда система создана, она появляется в этом меню и выбирается для дизайна; в результате уже ваши цвета и шрифты. [Картинка будет позже: дизайн-система, созданная по сайту, и пост, сделанный с ней.]

6Осторожно

  • Одна система на один бренд. Если смешать две в одном дизайне, получится каша.
  • Система, созданная по вашему сайту, копирует то, что там есть, включая недостатки. Просмотрите её один раз и исправьте цвета или шрифты, которые вам никогда не нравились.

7Дальше

Сначала сделайте систему — тогда всё в этой части (слайды, прототипы, страницы) будет в стиле вашего бренда. Глава 3.3 — про слайды.