раздел 03
Как подключить и доступ
Где открыть
Claude Design - веб-инструмент на claude.ai/design. Ставить ничего не нужно, отдельного приложения нет.
На каких планах
| План | Доступ |
|---|---|
| Free | Нет |
| Pro | Есть (в рамках общих лимитов аккаунта) |
| Max | Есть (в рамках общих лимитов) |
| Team | Есть |
| Enterprise | Есть, но админ должен включить в Organization Settings |
Статус - research preview. Расход считается отдельно от обычного чата, с недельными лимитами на пользователя.
Интеграции и подключения
Дизайн-система из GitHub
Подключите репозиторий (GitHub/GitLab) - Claude Design читает компоненты React/Vue/Svelte, дизайн-токены, CSS-переменные и Tailwind-конфиг, и делает макеты в вашем стиле.
Handoff в Claude Code
Когда дизайн готов к разработке - передача в Claude Code для код-прототипов (включая voice, video, 3D).
Экспорт в Canva
Нативная передача в Canva, где ассеты остаются редактируемыми. Claude Design - front-end исследования, Canva - продакшн.
Форматы вывода
ZIP-архивы, PDF, PPTX, HTML и ссылки на проект Claude Design для шаринга.
Подключить свой бренд
Чтобы результат был «вашим», а не универсальным, дайте контекст бренда: загрузите материалы (логотип, палитра, примеры) или подключите репозиторий с дизайн-системой - тогда новые макеты совпадают с уже выпущенным продуктом не только по виду, но и по структуре компонентов.
Обновление июня 2026
В обновлении от 17 июня 2026 связку с Claude Code усилили: прямой handoff в код, перестроенный импорт дизайн-системы из GitHub и двусторонний обмен между прототипом и продакшн-кодом.