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.

Abrir o Hana

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.

O agente de IA do Hana criando três variações do design de um app mobile

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.

Designs no Hana usando objetos 3D importados

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.

Designs interativos feitos com o Hana

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.

Adicionando telas de app do repo de um projeto ao canvas do Hana via MCP

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 🌸

Abrir o Hana

Mais do blog