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, que passa a contar com agentes de IA e MCP, renderização WebGPU e muito mais.

Esta versão inclui o suporte para agentes e MCP, a importação de modelos GLTF e GLB, a exportação em SVG e PDF, uma colaboração em tempo real melhorada, a passagem para WebGPU e um conjunto de pequenas melhorias no editor.

O Spline, o nosso editor 3D, também teve a sua própria versão V2.

O agente de IA

O Hana tem agora o seu próprio agente de IA. Pede-lhe o design de uma interface, uma landing page ou um ecrã de app e ele constrói o resultado com os próprios objetos do Hana: frames, texto, vetores e preenchimentos. O resultado é um design editável. Também pode editar conteúdo existente, por isso podes apontá-lo para um ecrã que já tens e descrever as alterações que queres.

O Hana tem também um servidor MCP, para que ferramentas de IA externas possam fazer design diretamente nele. O Claude Code, o Cursor, o Codex e outros têm as mesmas capacidades que o agente integrado: ler a cena, criar e editar objetos, carregar imagens para usar como conteúdo real e tirar capturas de ecrã para verificar o próprio trabalho.

Como essas ferramentas correm ao lado do teu código, também podem trabalhar a partir de um repositório. Aponta o Claude Code ou o Cursor para um repositório e ele consegue recriar a tua aplicação no canvas como objetos editáveis do Hana, usando os teus ecrãs, componentes e textos reais.

O agente de IA do Hana a criar três variações do design de uma app mobile

3D no canvas 2D

Já tínhamos acrescentado suporte para formas 3D extrudidas, que transformam qualquer forma 2D em geometria 3D e mantêm uma ligação viva ao original, de modo que editar a forma atualiza a geometria em tempo real.

Esta versão acrescenta a importação de modelos 3D. Os ficheiros GLTF e GLB são importados para o canvas como objetos 3D, incluindo malhas, materiais e texturas, bem como esqueletos, skinning e morph targets, para que os modelos com rig e animação mantenham a sua animação. Um inspetor de animação permite selecionar um clip e controlar a reprodução, e as definições da malha controlam a iluminação e o sombreamento.

Um objeto 3D é um objeto do Hana como qualquer outro. Usa o mesmo sistema de formas que os retângulos, o texto e as redes vetoriais, por isso aceita as mesmas transformações, segue as mesmas regras de layout e anima-se com o mesmo sistema de animação.

Designs do Hana com objetos 3D importados

Um canvas mais rápido com WebGPU

O Hana renderiza através do seu próprio motor, que desenha formas vetoriais, booleanas, desfocagens e sombras com qualidade máxima em tempo real. Esse motor corre agora em WebGPU por predefinição, o que torna mais rápidos os gradientes, a tesselação, a deteção de cliques, o culling, a animação de extrusão e o carregamento de ficheiros.

Exportação e importação

As frames exportam-se agora em SVG, para que o trabalho vetorial saia do Hana em vetores, e em PDF para impressão e entrega.

Os ficheiros do Adobe Illustrator importam-se diretamente para o canvas, para que possas trazer trabalhos existentes sem os converter primeiro.

Melhorias de usabilidade

Agora podes manter premida a tecla Alt ou Option para ver a distância entre a tua seleção e o objeto sobre o qual passas o cursor. Ao selecionar vários objetos, vês os espaços entre eles. O criador de grelhas organiza uma seleção numa grelha configurável, e os modelos de frame cobrem os tamanhos mais comuns de dispositivos e redes sociais.

As imagens têm controlos de recorte e de ajuste, e manter premida a tecla CMD enquanto arrastas uma pega de redimensionamento recorta o preenchimento no lugar em vez de o escalar. O texto pode ser truncado com reticências. Os cantos arredondados suaves aplicam-se agora a formas personalizadas e a todas as primitivas 2D, não só aos retângulos. O seletor de cores mostra agora os rácios de contraste.

Acrescentámos mais de vinte novas transições de animação, incluindo variantes sine, expo, circ, back, power e bezier, e uma spring.

Os cursores dos colaboradores atualizam-se agora em tempo real, em vez de ficarem para trás. Vês o cursor de cada pessoa com o seu nome, a sua seleção destacada e as suas seleções por caixa à medida que acontecem.

Designs interativos feitos com o Hana

A nova app para computador

A app para computador foi reconstruída e substitui a versão anterior, em macOS e Windows.

Os ficheiros abrem-se em separadores, para que vários projetos possam ficar abertos ao mesmo tempo, e uma cena do Spline pode estar na mesma barra de separadores, com a mesma sessão iniciada. A app também lê os tipos de letra instalados no teu computador e lista-os no seletor de tipos de letra ao lado dos Google Fonts.

É também através dela que os agentes externos se ligam. Abre-a ao lado da tua ferramenta de IA (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) e o Spline regista-se nela automaticamente, sem nada para configurar. Um indicador em cada separador mostra quando um agente está a trabalhar num ficheiro.

Adicionar ecrãs de uma app a partir do repositório 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 melhorados, renderização WebGPU e as melhorias do editor descritas acima.

O Spline, o nosso editor 3D, também teve a sua própria versão V2.

Descarrega a app para computador ou abre o Hana no teu browser.

A equipa do Spline 🌸

Abrir o Hana

Mais do blog