# Spline Hana — холст для дизайна на базе ИИ-агентов (https://spline.design/ru/hana)

> Hana — 2D-холст для дизайна от Spline: векторное редактирование с GPU-ускорением, состояния и анимации, а также ИИ-агенты — встроенный или ваш через MCP, — которые проектируют вместе с командой.

# Холст для дизайна на базе ИИ-агентов

Проектируйте вместе с командой при поддержке ИИ-агентов, MCP и **векторных инструментов с GPU-ускорением**.

[Начать](https://app.spline.design/signin)[Подключить агента](https://spline.design/ru/mcp)

Библиотека

## Дизайн в движении на базе Hana

Посмотрите примеры, созданные в Hana. Ремиксуйте, пересобирайте и узнайте, как ваши идеи могут стать готовыми к продакшену проектами.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Инструменты дизайна

## Привычные и продвинутые инструменты для профессионального дизайна

Знакомые инструменты, продвинутые эффекты и структура, которая держит большие проекты в порядке.

- Бесконечный холст с фреймами
- Векторные сети и булевы операции
- Страницы и секции
- Градиенты, стекло и 3D-фигуры

Интерактив и анимация

## Оживите свой дизайн

Добавляйте движение и интерактив с помощью состояний, событий и анимаций — вручную или попросив агента.

- Состояния и события
- Анимация через действия перехода
- Интерактив Follow и Look At

ИИ-агенты

## Холст, на котором проектируют ваши агенты

Встроенный агент Hana проектирует на холсте — как и ваш собственный, из Claude, ChatGPT, Cursor или любого MCP-клиента.

- Создаёт фреймы, эффекты и взаимодействия
- Несколько экранов параллельно
- Ваш собственный агент через MCP
- Всё остаётся редактируемым вручную
[Подключить агента](https://spline.design/ru/mcp)

Создан для интерактива

## Инструмент дизайна, созданный для интерактива

Быстрый привычный интерфейс со всем необходимым для проектирования интерактивных интерфейсов, моушена и графики в реальном времени.

- ### Привычные инструменты дизайна  
Проектируйте на бесконечном холсте с фреймами, пером, булевыми операциями, фигурами и не только.
- ### Мощный интерактив  
Создавайте интерактивные проекты с состояниями, событиями и действиями.
- ### Анимированные проекты  
Добавляйте движение в дизайн с помощью состояний и переходов.
- ### Визуальные эффекты  
Тени, размытие, шум, стекло и 3D для визуальных эффектов в реальном времени.
- ### Булевы операции в реальном времени  
Создавайте сложные булевы системы и анимируйте их в реальном времени.
- ### Векторные сети  
Создавайте векторные сети и наделяйте их уникальным интерактивом.
- ### Предпросмотр на холсте  
Просматривайте интерактив и анимации прямо на холсте.
- ### Экспорт, готовый к продакшену  
Встраивайте интерактивный дизайн в сайты, веб-приложения и цифровые продукты.

Совместная работа

## Проектируйте вместе, в реальном времени

Создавайте интерактив на бесконечном холсте вместе в реальном времени — в общем рабочем пространстве для всей команды.

### Мультиплеер в реальном времени

Проектируйте вместе со всей командой в одном файле.

### Роли и права

Полный контроль над ролями редактора и зрителя для каждого.

### Управление файлами

Общее командное пространство для хранения всех файлов и проектов и управления ими.

### Заметки и отзывы

Оставляйте комментарии команде или делайте заметки прямо в редакторе.

Экспорт

## Публикуйте интерактив в вебе

Легко встраивайте интерактивные проекты в сайты, веб-приложения и цифровые продукты.

Двигайте мышью или пальцем, чтобы взаимодействовать[Ремикс сцены](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Начните проектировать в Hana

Подключите агента, пригласите команду и опубликуйте свой первый дизайн уже сегодня.

[Spline](https://spline.design/ru)

3D- и 2D-редактор для команд и их агентов. Публикуйте в веб, на iOS и Android.

#### Спросите ИИ о Spline

#### Продукты

- [3D-дизайн](https://spline.design/ru/3d-design)
- [Hana](https://spline.design/ru/hana)
- [Omma](https://omma.build)
- [Генерация 3D с ИИ](https://spline.design/ru/ai-generate)
- [Spline MCP](https://spline.design/ru/mcp)
- [Spline Arena](https://spline.design/ru/arena)
- [Цены](https://spline.design/ru/pricing)
- [Enterprise](https://spline.design/ru/enterprise)

#### Рантаймы

- [Web](https://spline.design/ru/web)
- [iOS](https://spline.design/ru/ios)
- [Android](https://spline.design/ru/android)

#### Приложения

- [Скачать](https://spline.design/ru/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Скачать Spline Mirror](https://spline.design/download-mirror)

#### Обучение

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ru/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Решения](https://spline.design/solutions)

#### Сообщество

- [Сообщество Spline](https://community.spline.design)
- [Blog](https://spline.design/ru/blog)
- [Что нового](https://spline.design/ru/changelog)
- [Образование](https://spline.design/ru/education)
- [Contra](https://spline.design/contra)
- [Партнёрам](https://spline.design/ru/affiliate)

#### Компания

- [Клиенты](https://spline.design/ru/customers)
- [Вакансии](https://www.ycombinator.com/companies/spline/jobs)
- [Безопасность](https://spline.design/ru/security)

#### Правовая информация

- [Условия использования](https://spline.design/terms)
- [Конфиденциальность](https://spline.design/privacy)

#### Контакты

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.
