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