Um canvas de design movida por agentes de IA

Desenha com a tua equipa, com o apoio de agentes de IA, MCP e ferramentas de edição vetorial aceleradas por GPU.

Biblioteca

Design em movimento, movido pelo Hana

Descobre exemplos criados no Hana. Faz remix, reconstrói e explora como as tuas ideias se podem tornar 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 grandes projetos.

  • Tela infinita baseada em frames
  • Redes vetoriais e booleanas
  • Páginas e secções
  • Gradientes, vidro e formas 3D
Interatividade e animação

Dá vida aos teus designs

Adiciona movimento e interatividade com estados, eventos e animações, à mão ou pedindo ao agente.

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

Um canvas onde os teus agentes podem desenhar

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

  • Cria frames, efeitos e interações
  • Vários ecrãs criados em paralelo
  • O teu próprio agente via MCP
  • Tudo continua editável à mão
Liga o teu agente
Feito para a interatividade

Uma ferramenta de design feita para a interatividade

Uma interface rápida e familiar com as ferramentas de que precisas para desenhar interfaces interativas, movimento e gráficos em tempo real.

  • Ferramentas de design familiares

    Desenha num canvas infinito com frames, a caneta, booleanas, formas e muito mais.

  • Interatividade poderosa

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

  • Experiências animadas

    Dá movimento aos teus designs com estados e transições.

  • Efeitos visuais

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

  • Booleanas em tempo real

    Cria sistemas booleanos sofisticados e anima-os em tempo real.

  • Redes vetoriais

    Cria redes vetoriais e dá-lhes uma interatividade única.

  • Pré-visualização no canvas

    Pré-visualiza a tua interatividade e as tuas animações diretamente no canvas.

  • Exportações prontas para produção

    Integra os teus designs interativos em sites, aplicações web e produtos digitais.

Colaboração

Desenha em conjunto, em tempo real

Desenha interatividade num canvas infinito com colaboração em tempo real, organizada num espaço partilhado para toda a tua equipa.

Multiutilizador em tempo real

Desenha com toda a tua equipa no mesmo ficheiro.

Funções e permissões

Controla totalmente as funções individuais de Editor e Visualizador.

Gestão de ficheiros

Um espaço de equipa partilhado para guardar e gerir todos os ficheiros e projetos.

Notas e feedback

Deixa comentários à tua equipa ou toma notas diretamente no editor.

Exportar

Publica interatividade para a web

Integra experiências interativas nos teus sites, aplicações web e produtos digitais, sem complicações.

Move o rato ou o dedo para interagirFazer remix da 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>

Começa a desenhar com o Hana

Liga o teu agente, convida a tua equipa e publica hoje o teu primeiro design.