Kanwa projektowa napędzana agentami AI

Projektuj z zespołem przy wsparciu agentów AI, MCP oraz narzędzi do edycji wektorowej akcelerowanych przez GPU.

Biblioteka

Design w ruchu, napędzany przez Hana

Odkryj przykłady stworzone w Hana. Remiksuj, przebudowuj i sprawdzaj, jak Twoje pomysły mogą stać się doświadczeniami gotowymi do produkcji.

Narzędzia projektowe

Znane i zaawansowane narzędzia do profesjonalnego designu

Znane narzędzia projektowe, zaawansowane efekty i struktura, która utrzymuje porządek w dużych projektach.

  • Nieskończona kanwa oparta na ramkach
  • Sieci wektorowe i operacje logiczne
  • Strony i sekcje
  • Gradienty, szkło i kształty 3D
Interakcja i animacja

Ożyw swoje projekty

Dodawaj ruch i interakcje za pomocą stanów, zdarzeń i animacji – ręcznie albo prosząc agenta.

  • Stany i zdarzenia
  • Animacje z akcjami przejść
  • Interakcje Follow i Look At
Agenci AI

Kanwa, na której projektują Twoi agenci

Wbudowany agent Hana projektuje na kanwie, a Twój też może – z Claude, ChatGPT, Cursora lub dowolnego klienta MCP.

  • Tworzy ramki, efekty i interakcje
  • Kilka ekranów tworzonych równolegle
  • Twój własny agent przez MCP
  • Wszystko pozostaje edytowalne ręcznie
Połącz agenta
Stworzone dla interakcji

Narzędzie projektowe stworzone dla interakcji

Szybki, znajomy interfejs z narzędziami do projektowania interaktywnych interfejsów, ruchu i grafiki w czasie rzeczywistym.

  • Znane narzędzia projektowe

    Projektuj na nieskończonej kanwie z ramkami, piórem, operacjami logicznymi, kształtami i nie tylko.

  • Potężne interakcje

    Twórz interaktywne doświadczenia za pomocą stanów, zdarzeń i akcji.

  • Animowane doświadczenia

    Dodawaj ruch do projektów dzięki stanom i przejściom.

  • Efekty wizualne

    Używaj cieni, rozmyć, szumu, szkła i 3D, by tworzyć efekty wizualne w czasie rzeczywistym.

  • Operacje logiczne na żywo

    Twórz złożone kształty z operacji logicznych i animuj je w czasie rzeczywistym.

  • Sieci wektorowe

    Twórz sieci wektorowe i nadawaj im wyjątkową interaktywność.

  • Podgląd na kanwie

    Podglądaj interakcje i animacje bezpośrednio na kanwie.

  • Eksport gotowy do produkcji

    Wdrażaj interaktywne projekty na stronach, w aplikacjach webowych i produktach cyfrowych.

Współpraca

Projektujcie razem, w czasie rzeczywistym

Projektuj interakcje na nieskończonej kanwie ze współpracą w czasie rzeczywistym, we wspólnym obszarze roboczym dla całego zespołu.

Multiplayer w czasie rzeczywistym

Projektuj z całym zespołem w tym samym pliku.

Role i uprawnienia

Pełna kontrola nad indywidualnymi rolami Edytor i Przeglądający.

Zarządzanie plikami

Wspólna przestrzeń zespołu do przechowywania i zarządzania wszystkimi plikami i projektami.

Notatki i komentarze

Zostawiaj komentarze dla zespołu lub rób notatki bezpośrednio w edytorze.

Eksport

Publikuj interaktywność w sieci

Płynnie wdrażaj interaktywne doświadczenia na stronach, w aplikacjach webowych i produktach cyfrowych.

Porusz myszką lub palcem, by wejść w interakcjęRemiksuj scenę
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>

Zacznij projektować w Hana

Połącz agenta, zaproś zespół i opublikuj swój pierwszy projekt jeszcze dziś.