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

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

Библиотека

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

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

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

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

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

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

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

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

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

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

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

  • Создаёт фреймы, эффекты и взаимодействия
  • Несколько экранов параллельно
  • Ваш собственный агент через MCP
  • Всё остаётся редактируемым вручную
Подключить агента
Создан для интерактива

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

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

  • Привычные инструменты дизайна

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

  • Мощный интерактив

    Создавайте интерактивные проекты с состояниями, событиями и действиями.

  • Анимированные проекты

    Добавляйте движение в дизайн с помощью состояний и переходов.

  • Визуальные эффекты

    Тени, размытие, шум, стекло и 3D для визуальных эффектов в реальном времени.

  • Булевы операции в реальном времени

    Создавайте сложные булевы системы и анимируйте их в реальном времени.

  • Векторные сети

    Создавайте векторные сети и наделяйте их уникальным интерактивом.

  • Предпросмотр на холсте

    Просматривайте интерактив и анимации прямо на холсте.

  • Экспорт, готовый к продакшену

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

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

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

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

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

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

Роли и права

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

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

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

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

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

Экспорт

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

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

Двигайте мышью или пальцем, чтобы взаимодействоватьРемикс сцены
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>

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

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