# Apresentamos o Hana - Spline blog (https://spline.design/pt-br/blog/introducing-hana) > Um novo canvas para design interativo. [Blog](https://spline.design/pt-br/blog) 23 de abril de 2025 # Apresentamos o Hana Um novo canvas para design interativo. [Abrir o Hana](https://app.spline.design) O Hana traz uma nova abordagem para o design interativo. Construído do zero com o desempenho como prioridade, o Hana é um canvas em tempo real para criar e animar experiências 2D interativas — de interfaces refinadas a visuais dinâmicos — e entregá-las em produção. O Hana permite criar conteúdo rico, baseado em estados, que se comporta, responde e reage num canvas rápido e infinito. Passe o mouse ou toque para interagir (experiência feita com o Hana) ## Recursos Para o Hana, criamos um novo tipo de motor de renderização, capaz de processar dados vetoriais muito rápido, em tempo real. Ele dá acesso a edição moderna de redes vetoriais, transições baseadas em estados e efeitos acelerados por GPU — tudo num ambiente colaborativo e nativo do navegador. Tudo o que você cria no Hana já nasce pronto para produçã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 incorporadas facilmente a qualquer site ou app. Do desenho vetorial preciso a sombras suaves e desfoques, o Hana combina poder e simplicidade de um jeito que parece leve — e, ao mesmo tempo, sem limites. Experiências feitas com o Hana ## Colaboração de design em tempo real No Hana, os frames podem ser componentes reproduzíveis que funcionam de forma independente, tudo dentro do editor. Isso simplifica o processo de criação, eliminando a necessidade de um modo "Animate". Em vez disso, você interage com sua experiência reproduzindo-a diretamente num frame no editor. Os frames também podem ser exportados individualmente como URLs ao vivo, imagens e, no futuro, mais formatos. Compartilhe um link e quem colabora com você pode entrar na hora para ver e contribuir com o seu canvas. Cada edição aparece ao vivo. O feedback é imediato. É multiplayer por natureza, do jeito certo. O Hana aproveita o sistema de colaboração em tempo real do editor 3D do Spline, que já está disponível, para que sua equipe avance mais rápido e fique em sintonia. Redes vetoriais feitas com o Hana ## Redes vetoriais em tempo real As redes vetoriais (um conceito introduzido pelo Figma em 2016) permitem conectar mais de duas linhas a um único ponto, o que facilita criar todo tipo de forma. O Hana leva essa abordagem a outro nível, com o primeiro sistema que permite criar redes vetoriais num ambiente em tempo real. Além disso, booleanas em vários níveis permitem criar formas avançadas e efeitos fluidos para chegar facilmente a formas complexas e animáveis. ## Interações e animação Use interações orientadas a eventos para dar comportamento aos seus designs — de estados de hover a entradas do teclado. Anime transições, construa fluxos e experimente com movimento direto no canvas. Sem trocar de ferramenta. Com o Hana, o movimento e a interatividade passam a fazer parte do processo de design, e não ficam para depois. ## Exporte e compartilhe para produção Assim como no editor 3D do Spline, no Hana você pode gerar links interativos ao vivo a partir de qualquer frame. Tudo é otimizado para ser incorporado num ambiente pronto para produção, para que seu trabalho fique tão bonito no seu deploy quanto no editor. ## A próxima era da interatividade Este é um novo meio para pensar de forma interativa. Seja para criar um produto, uma interação de interface ou experiências interativas ricas, o Hana pode ajudar você a dar vida às suas ideias. **O Hana é a base para o que está por vir.** É o primeiro passo de uma visão mais ampla do que hoje é o ecossistema do Spline, onde o design em 2D/3D e a interatividade se misturam e são publicados sem atrito. Mal podemos esperar para ver o que você vai criar com o Hana! — Equipe Spline 🌸 [Saiba 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-br/blog/introducing-spline-arena)[21 de outubro de 2026Apresentamos o Spline para ChatGPT](https://spline.design/pt-br/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Apresentamos o Hana V2](https://spline.design/pt-br/blog/hana-v2) [Spline](https://spline.design/pt-br) O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android. #### Pergunte à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-br/3d-design) - [Hana](https://spline.design/pt-br/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-br/ai-generate) - [Spline MCP](https://spline.design/pt-br/mcp) - [Spline Arena](https://spline.design/pt-br/arena) - [Preços](https://spline.design/pt-br/pricing) - [Empresas](https://spline.design/pt-br/enterprise) #### Runtimes - [Web](https://spline.design/pt-br/web) - [iOS](https://spline.design/pt-br/ios) - [Android](https://spline.design/pt-br/android) #### Apps - [Download](https://spline.design/pt-br/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Baixar o Spline Mirror](https://spline.design/download-mirror) #### Aprenda - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-br/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade do Spline](https://community.spline.design) - [Blog](https://spline.design/pt-br/blog) - [Novidades](https://spline.design/pt-br/changelog) - [Educação](https://spline.design/pt-br/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-br/affiliate) #### Empresa - [Clientes](https://spline.design/pt-br/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-br/security) #### Jurídico - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contato - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.