Apresentamos o Hana V2
Uma grande atualização do nosso canvas de design 2D, com agentes de IA e MCP, renderização WebGPU, objetos 3D em tempo real e muito mais.
Hoje lançamos o Hana V2, uma grande atualização do nosso canvas de design 2D, agora com agentes de IA e MCP, renderização WebGPU e muito mais.
Esta versão traz o agente e o suporte a MCP, a importação de modelos GLTF e GLB, a exportação em SVG e PDF, uma colaboração em tempo real melhor, a mudança para o WebGPU e uma série de pequenas melhorias no editor.
O Spline, nosso editor 3D, também ganhou sua própria versão V2.
O agente de IA
O Hana agora tem seu próprio agente de IA. Peça a ele o design de uma interface, uma landing page ou uma tela de app, e ele cria o resultado com os próprios objetos do Hana: frames, textos, vetores e preenchimentos. O resultado é um design editável. Ele também edita conteúdo existente: aponte para uma tela que você já tem e descreva as mudanças que quer.
O Hana também roda um servidor MCP, para que ferramentas de IA externas façam design nele diretamente. Claude Code, Cursor, Codex e outras têm as mesmas capacidades do agente integrado: ler a cena, criar e editar objetos, enviar imagens para usar como conteúdo real e tirar screenshots para conferir o próprio trabalho.
Como essas ferramentas rodam junto com o seu código, elas também podem trabalhar a partir de um repositório. Aponte o Claude Code ou o Cursor para um repo e ele recria sua aplicação no canvas como objetos editáveis do Hana, usando suas telas, componentes e textos reais.
3D no canvas 2D
Antes, já tínhamos adicionado suporte a formas 3D extrudadas, que transformam qualquer forma 2D em geometria 3D e mantêm um vínculo ao vivo com o original, de modo que editar a forma atualiza a geometria em tempo real.
Esta versão adiciona os modelos 3D importados. Arquivos GLTF e GLB entram no canvas como objetos 3D, com malhas, materiais e texturas, além de esqueletos, skinning e morph targets, para que modelos com rig e animação mantenham suas animações. Um inspetor de animação seleciona um clipe e controla a reprodução, e as configurações de malha controlam a iluminação e o sombreamento.
Um objeto 3D é um objeto do Hana como qualquer outro. Ele usa o mesmo sistema de formas que retângulos, textos e redes vetoriais, então aceita as mesmas transformações, segue as mesmas regras de layout e é animado pelo mesmo sistema de animação.
Canvas mais rápido com WebGPU
O Hana renderiza com seu próprio motor, que desenha formas vetoriais, booleanas, desfoques e sombras com qualidade máxima em tempo real. Esse motor agora roda em WebGPU por padrão, o que deixa mais rápidos os gradientes, a tesselação, a detecção de cliques, o culling, a animação de extrusão e o carregamento de arquivos.
Exportação e importação
Os frames agora são exportados como SVG, para que o trabalho vetorial saia do Hana como vetor, e como PDF, para impressão e handoff.
Arquivos do Adobe Illustrator são importados direto para o canvas, então dá para trazer artes existentes sem convertê-las antes.
Melhorias de usabilidade
Agora você pode segurar Alt ou Option para ver a distância entre a seleção e o objeto sob o cursor. Ao selecionar vários objetos, aparecem os espaçamentos entre eles. O criador de grade organiza uma seleção numa grade configurável, e os templates de frame cobrem os tamanhos mais comuns de dispositivos e redes sociais.
As imagens têm controles de recorte e de ajuste, e segurar CMD enquanto arrasta uma alça de redimensionamento recorta o preenchimento no lugar em vez de mudar a escala. O texto pode ser truncado com reticências. Cantos arredondados suaves agora funcionam em formas personalizadas e em todas as primitivas 2D, não só em retângulos. O seletor de cores agora mostra as taxas de contraste.
Adicionamos mais de vinte novas transições de animação, incluindo variantes sine, expo, circ, back, power e bezier, além de uma spring.
Os cursores dos colaboradores agora se atualizam em tempo real, em vez de ficarem para trás. Você vê o cursor de cada pessoa com o nome dela, a seleção dela contornada e as seleções por caixa no momento em que acontecem.
O novo app desktop
O app desktop foi reconstruído e substitui a versão anterior, no macOS e no Windows.
Os arquivos abrem em abas, então vários projetos podem ficar abertos ao mesmo tempo, e uma cena do Spline pode ficar na mesma barra de abas, com o mesmo login. O app também lê as fontes instaladas na sua máquina e as lista no seletor de fontes junto com as Google Fonts.
É também por ele que os agentes externos se conectam. Abra-o junto com sua ferramenta de IA (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) e o Spline se registra nela automaticamente, sem nada para configurar. Um indicador em cada aba mostra quando um agente está trabalhando num arquivo.
Disponível hoje
O Hana V2 traz o agente de IA e o servidor MCP, a importação de modelos GLTF e GLB, a exportação em SVG e PDF, cursores de colaboradores em tempo real aprimorados, renderização WebGPU e as melhorias de editor descritas acima.
O Spline, nosso editor 3D, também ganhou sua própria versão V2.
Baixe o app desktop ou abra o Hana no seu navegador.
Equipe Spline 🌸