Um canvas de design impulsionado por agentes de IA

Faça design com sua equipe, com o apoio de agentes de IA, MCP e ferramentas de edição vetorial aceleradas por GPU.

Biblioteca

Design em movimento, impulsionado pelo Hana

Explore exemplos criados no Hana. Remixe, reconstrua e descubra como suas ideias podem virar experiências prontas para produção.

Ferramentas de design

Ferramentas familiares e avançadas para design profissional

Ferramentas de design familiares, efeitos avançados e a estrutura para manter organizados os projetos grandes.

  • Canvas infinito baseado em frames
  • Redes vetoriais e booleanas
  • Páginas e seções
  • Degradês, vidro e formas 3D
Interatividade e animação

Dê vida aos seus designs

Adicione movimento e interatividade com estados, eventos e animações, manualmente ou pedindo ao agente.

  • Estados e eventos
  • Anime com ações de transição
  • Interatividade Follow e Look At
Agentes de IA

Um canvas em que seus agentes podem criar

O agente do próprio Hana cria no canvas, e o seu também pode, a partir do Claude, ChatGPT, Cursor ou qualquer cliente MCP.

  • Cria frames, efeitos e interações
  • Várias telas criadas em paralelo
  • Seu próprio agente via MCP
  • Tudo continua editável manualmente
Conecte seu agente
Feito para interatividade

Uma ferramenta de design feita para interatividade

Uma interface rápida e familiar com as ferramentas de que você precisa para criar interfaces interativas, motion e gráficos em tempo real.

  • Ferramentas de design familiares

    Crie em um canvas infinito com frames, caneta, booleanas, formas e muito mais.

  • Interatividade poderosa

    Crie experiências interativas com estados, eventos e ações.

  • Experiências animadas

    Adicione movimento aos seus designs com estados e transições.

  • Efeitos visuais

    Use sombras, desfoques, ruído, vidro e 3D para criar efeitos visuais em tempo real.

  • Booleanas em tempo real

    Crie sistemas booleanos sofisticados e anime-os em tempo real.

  • Redes vetoriais

    Crie redes vetoriais e dê a elas uma interatividade única.

  • Pré-visualização no canvas

    Pré-visualize sua interatividade e suas animações direto no canvas.

  • Exportações prontas para produção

    Integre seus designs interativos a sites, aplicativos web e produtos digitais.

Colaboração

Criem juntos, em tempo real

Crie interatividade em um canvas infinito com colaboração em tempo real, organizada em um espaço compartilhado para toda a sua equipe.

Multiplayer em tempo real

Crie com toda a sua equipe no mesmo arquivo.

Funções e permissões

Controle total das funções individuais de Editor e Viewer.

Gestão de arquivos

Um espaço de equipe compartilhado para guardar e gerenciar cada arquivo e projeto.

Notas e feedback

Deixe comentários para sua equipe ou faça anotações direto no editor.

Exportar

Publique interatividade na web

Integre sem esforço experiências interativas aos seus sites, aplicativos web e produtos digitais.

Mova o mouse ou o dedo para interagirRemixar a cena
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>

Comece a criar com o Hana

Conecte seu agente, convide sua equipe e publique seu primeiro design hoje mesmo.