# Spline Hana - Um canvas de design movida por agentes de IA (https://spline.design/pt-pt/hana)

> O Hana é o canvas de design 2D do Spline: edição vetorial acelerada por GPU, estados e animações, e agentes de IA — o dele ou os teus, via MCP — a desenhar com a tua equipa.

# Um canvas de design movida por agentes de IA

Desenha com a tua equipa, com o apoio de agentes de IA, MCP e **ferramentas de edição vetorial aceleradas por GPU**.

[Começa a criar](https://app.spline.design/signin)[Liga o teu agente](https://spline.design/pt-pt/mcp)

Biblioteca

## Design em movimento, movido pelo Hana

Descobre exemplos criados no Hana. Faz remix, reconstrói e explora como as tuas ideias se podem tornar experiências prontas para produção.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Ferramentas de design

## Ferramentas familiares e avançadas para design profissional

Ferramentas de design familiares, efeitos avançados e a estrutura para manter organizados os grandes projetos.

- Tela infinita baseada em frames
- Redes vetoriais e booleanas
- Páginas e secções
- Gradientes, vidro e formas 3D

Interatividade e animação

## Dá vida aos teus designs

Adiciona movimento e interatividade com estados, eventos e animações, à mão ou pedindo ao agente.

- Estados e eventos
- Anima com ações de transição
- Interatividade Follow e Look At

Agentes de IA

## Um canvas onde os teus agentes podem desenhar

O agente do próprio Hana desenha no canvas, e o teu também pode, a partir do Claude, ChatGPT, Cursor ou de qualquer cliente MCP.

- Cria frames, efeitos e interações
- Vários ecrãs criados em paralelo
- O teu próprio agente via MCP
- Tudo continua editável à mão
[Liga o teu agente](https://spline.design/pt-pt/mcp)

Feito para a interatividade

## Uma ferramenta de design feita para a interatividade

Uma interface rápida e familiar com as ferramentas de que precisas para desenhar interfaces interativas, movimento e gráficos em tempo real.

- ### Ferramentas de design familiares  
Desenha num canvas infinito com frames, a caneta, booleanas, formas e muito mais.
- ### Interatividade poderosa  
Cria experiências interativas com estados, eventos e ações.
- ### Experiências animadas  
Dá movimento aos teus designs com estados e transições.
- ### Efeitos visuais  
Usa sombras, desfocagens, ruído, vidro e 3D para criar efeitos visuais em tempo real.
- ### Booleanas em tempo real  
Cria sistemas booleanos sofisticados e anima-os em tempo real.
- ### Redes vetoriais  
Cria redes vetoriais e dá-lhes uma interatividade única.
- ### Pré-visualização no canvas  
Pré-visualiza a tua interatividade e as tuas animações diretamente no canvas.
- ### Exportações prontas para produção  
Integra os teus designs interativos em sites, aplicações web e produtos digitais.

Colaboração

## Desenha em conjunto, em tempo real

Desenha interatividade num canvas infinito com colaboração em tempo real, organizada num espaço partilhado para toda a tua equipa.

### Multiutilizador em tempo real

Desenha com toda a tua equipa no mesmo ficheiro.

### Funções e permissões

Controla totalmente as funções individuais de Editor e Visualizador.

### Gestão de ficheiros

Um espaço de equipa partilhado para guardar e gerir todos os ficheiros e projetos.

### Notas e feedback

Deixa comentários à tua equipa ou toma notas diretamente no editor.

Exportar

## Publica interatividade para a web

Integra experiências interativas nos teus sites, aplicações web e produtos digitais, sem complicações.

Move o rato ou o dedo para interagir[Fazer remix da cena](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Começa a desenhar com o Hana

Liga o teu agente, convida a tua equipa e publica hoje o teu primeiro design.

[Spline](https://spline.design/pt-pt)

O editor 3D e 2D para equipas e os seus agentes. Publica na web, em iOS e em Android.

#### Pergunta à IA sobre o Spline

#### Produtos

- [Design 3D](https://spline.design/pt-pt/3d-design)
- [Hana](https://spline.design/pt-pt/hana)
- [Omma](https://omma.build)
- [Geração 3D com IA](https://spline.design/pt-pt/ai-generate)
- [Spline MCP](https://spline.design/pt-pt/mcp)
- [Spline Arena](https://spline.design/pt-pt/arena)
- [Preços](https://spline.design/pt-pt/pricing)
- [Empresas](https://spline.design/pt-pt/enterprise)

#### Runtimes

- [Web](https://spline.design/pt-pt/web)
- [iOS](https://spline.design/pt-pt/ios)
- [Android](https://spline.design/pt-pt/android)

#### Apps

- [Transferir](https://spline.design/pt-pt/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Transferir o Spline Mirror](https://spline.design/download-mirror)

#### Aprender

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/pt-pt/academy)
- [API do Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluções](https://spline.design/solutions)

#### Comunidade

- [Comunidade Spline](https://community.spline.design)
- [Blog](https://spline.design/pt-pt/blog)
- [Novidades](https://spline.design/pt-pt/changelog)
- [Educação](https://spline.design/pt-pt/education)
- [Contra](https://spline.design/contra)
- [Afiliados](https://spline.design/pt-pt/affiliate)

#### Empresa

- [Clientes](https://spline.design/pt-pt/customers)
- [Carreiras](https://www.ycombinator.com/companies/spline/jobs)
- [Segurança](https://spline.design/pt-pt/security)

#### Informação legal

- [Termos e condições](https://spline.design/terms)
- [Privacidade](https://spline.design/privacy)

#### Contacto

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.
