# Apresentamos o Hana - Spline blog (https://spline.design/pt-pt/blog/introducing-hana) > Um novo canvas para o design interativo. [Blog](https://spline.design/pt-pt/blog) 23 de abril de 2025 # Apresentamos o Hana Um novo canvas para o design interativo. [Abrir o Hana](https://app.spline.design) O Hana apresenta uma nova abordagem ao design interativo. Construído de raiz com o desempenho como prioridade, o Hana é um canvas em tempo real para desenhar e animar experiências 2D interativas — de interfaces cuidadas a elementos visuais dinâmicos — e levá-las até à produção. O Hana permite-te criar conteúdos ricos, baseados em estados, que se comportam, respondem e reagem num canvas rápido e infinito. Passa o cursor ou toca para interagir (experiência feita com o Hana) ## Capacidades Para o Hana, construímos um novo tipo de motor de renderização, capaz de processar dados vetoriais muito depressa, em tempo real. Dá aos criadores acesso à edição moderna de redes vetoriais, a transições baseadas em estados e a efeitos acelerados por GPU — tudo num ambiente colaborativo e nativo do browser. Tudo o que desenhas no Hana está pronto para produção por predefinição. Seja uma forma simples ou uma experiência interativa complexa, o motor do Hana foi feito para lidar com interações em tempo real que podem ser facilmente incorporadas em qualquer site ou app. Do desenho vetorial preciso às sombras suaves e desfocagens, o Hana combina potência e simplicidade de uma forma que parece leve — mas sem limites. Experiências feitas com o Hana ## Colaboração de design em tempo real No Hana, as frames podem ser componentes reproduzíveis que funcionam de forma independente, tudo dentro do editor. Isto simplifica o processo de criação, eliminando a necessidade de um modo "Animate". Em vez disso, podes simplesmente interagir com a tua experiência reproduzindo-a diretamente numa frame no editor. No futuro, as frames também poderão ser exportadas individualmente como URLs ativos, imagens e muito mais. Partilha um link e os colaboradores podem entrar de imediato para experimentar e contribuir para o teu canvas. Cada edição aparece em direto. O feedback é imediato. É multiutilizador por natureza, e bem feito. O Hana tira partido do sistema de colaboração em tempo real do editor 3D do Spline, que já é suportado, para que a tua equipa possa avançar mais depressa e manter-se sincronizada. Redes vetoriais feitas com o Hana ## Redes vetoriais em tempo real As redes vetoriais (um conceito introduzido em 2016 pela Figma) permitem ligar mais de duas linhas a um único ponto, o que facilita a criação de todo o tipo de formas. O Hana leva esta abordagem a outro nível, com o primeiro sistema que permite criar redes vetoriais num ambiente em tempo real. Além disso, as booleanas multinível permitem criar formas avançadas e efeitos fluidos para obter facilmente formas complexas e animáveis. ## Interações e animação Usa interações baseadas em eventos para dar comportamento aos teus designs — de estados ao passar o cursor a entradas do teclado. Anima transições, cria fluxos e experimenta com movimento diretamente no canvas. Sem mudar de ferramenta. Com o Hana, o movimento e a interatividade passam a fazer parte do processo de design, e não a ser uma reflexão de última hora. ## Exportar e partilhar para produção Tal como no editor 3D do Spline, no Hana podes gerar links interativos ativos a partir de qualquer frame. Tudo está otimizado para ser incorporado num ambiente de produção, para que o teu trabalho fique tão bem na tua implementação como no editor. ## A próxima era da interatividade Este é um novo meio para o pensamento interativo. Quer estejas a desenhar um produto, a criar uma interação de interface ou a construir experiências interativas ricas, o Hana pode ajudar-te a dar vida às tuas ideias. **O Hana é a base para o que está para vir.** É o primeiro passo de uma visão mais ampla daquilo que é hoje o ecossistema do Spline, onde o design 2D/3D e a interatividade se fundem e são publicados sem atritos. Mal podemos esperar para ver o que vais fazer com o Hana! — A equipa do Spline 🌸 [Saber mais](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Mais do blog [3 de novembro de 2026Apresentamos a Spline Arena](https://spline.design/pt-pt/blog/introducing-spline-arena)[21 de outubro de 2026Apresentamos o Spline para o ChatGPT](https://spline.design/pt-pt/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Apresentamos o Hana V2](https://spline.design/pt-pt/blog/hana-v2) [Spline](https://spline.design/pt-pt) O editor 3D e 2D para equipas e os seus agentes. Publica na web, em iOS e em Android. #### Pergunta à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-pt/3d-design) - [Hana](https://spline.design/pt-pt/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-pt/ai-generate) - [Spline MCP](https://spline.design/pt-pt/mcp) - [Spline Arena](https://spline.design/pt-pt/arena) - [Preços](https://spline.design/pt-pt/pricing) - [Empresas](https://spline.design/pt-pt/enterprise) #### Runtimes - [Web](https://spline.design/pt-pt/web) - [iOS](https://spline.design/pt-pt/ios) - [Android](https://spline.design/pt-pt/android) #### Apps - [Transferir](https://spline.design/pt-pt/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Transferir o Spline Mirror](https://spline.design/download-mirror) #### Aprender - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-pt/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade Spline](https://community.spline.design) - [Blog](https://spline.design/pt-pt/blog) - [Novidades](https://spline.design/pt-pt/changelog) - [Educação](https://spline.design/pt-pt/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-pt/affiliate) #### Empresa - [Clientes](https://spline.design/pt-pt/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-pt/security) #### Informação legal - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contacto - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.