Полотно для дизайну на основі ШІ-агентів

Проєктуйте з командою за підтримки ШІ-агентів, 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

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