SplineApresentamos o Hana
Um novo canvas para design interativo.
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.
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.
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 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 🌸
