AI Open Guide
← Claude · Claude Design

1Коротко

Готовый дизайн можно передать в Claude Code, и тот соберёт из него настоящий сайт или приложение — так картинка становится реальной вещью.

2Новые слова

  • Передача (Handoff) — передача дизайна из Claude Design в Claude Code со всем необходимым: макетом, цветами, текстом, изображениями.
  • Claude Code — версия Claude, которая пишет и запускает программы (часть 6). Чтобы использовать её для этого, не нужно уметь читать код.
  • Пакет (Bundle) — набор, который создаётся при передаче. Один файл, который нужно отдать Claude Code.

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

Это самый короткий путь от «хочу сайт» до готового сайта: опишите его (3.1), сделайте, чтобы он выглядел как надо (3.2), проверьте как прототип (3.4), передайте — и Claude Code его соберёт. Для простого лендинга весь путь занимает полдня, и никто не написал вручную ни строчки кода.

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

(платные тарифы; Claude Code настроен, как в главе 6.1)

  1. Откройте готовый лендинг из главы 3.1. Через меню экспорта или отправки создайте пакет для передачи в Claude Code.
  2. Откройте Claude Code (вкладка Code в приложении или приложение для компьютера) в пустой папке.
  3. Напишите: Собери этот дизайн как статический сайт. Сохрани макет и цвета в точности. Замени условные часы работы и адрес на: [ваши данные].
  4. Откройте результат в браузере.

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

[Картинка будет позже: меню передачи в Design и собранный сайт, открытый в браузере.] Claude Code читает пакет, создаёт файлы, запускает сайт на вашем компьютере и показывает адрес, который нужно открыть. Страница выглядит как дизайн, и теперь кнопки могут делать что-то настоящее (форма бронирования, ссылка на карту).

6Осторожно

  • Сайту нужен дом в интернете (хостинг). Claude Code может настроить его вместе с вами, но это дополнительный шаг и иногда небольшие расходы.
  • Держите дизайн и сайт в одном состоянии: меняйте дизайн и передавайте заново, а не правьте оба вручную.

7Дальше

В части 6 Claude Code объясняется как следует: как он работает в ваших папках, как обеспечить безопасность и как сделать так, чтобы он каждый раз следовал вашим правилам.