# Editor 3D online: modelação, materiais e animação - Spline (https://spline.design/pt-pt/3d-design)

> O editor 3D do Spline funciona no teu browser. Modela, texturiza e anima 3D interativo com a tua equipa e um agente de IA e publica-o na web, em iOS e em Android.

# O editor 3D onde a tua equipa e os teus agentes criam

Modela, texturiza, anima e torna tudo interativo, em conjunto num só ficheiro em direto, diretamente no teu browser. **Os agentes fazem a primeira versão**, os designers aperfeiçoam-na e ela é publicada na web, em iOS e em Android.

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

Como as equipas trabalham no Spline

## Um ficheiro, do prompt à produção

Agentes e designers revezam-se na mesma cena em direto. Nada para exportar, reimportar ou reconstruir entre uns e outros.

1. 01  
### Prompt  
Descreve a cena. O teu agente lê o ficheiro e faz o esboço: formas, luzes e uma câmara.
2. 02  
### Criem em conjunto  
Os designers juntam-se ao mesmo ficheiro em direto para modelar, afinar materiais e deixar comentários enquanto o agente continua a trabalhar.
3. 03  
### Devolve-lho  
Seleciona qualquer coisa e pede uma alteração: um estado hover, uma variante, uma timeline. Os agentes veem o que tu vês.
4. 04  
### Publica  
Publica na web, exporta código ou leva o mesmo ficheiro para iOS e Android.

Design, IA e código

## Modela em 3D, com um agente ao teu lado

Ferramentas de design familiares e renderização em tempo real, mais um agente de IA que cria cenas e escreve o código.

- Renderização em tempo real
- Primitivas e modelação 3D
- Edição agêntica com IA
- Código personalizado para UI e lógica

Ou pede ao teu agente

Esboça uma ilha low-poly com uma cascata.

Materiais e shading

## Materiais em camadas

Cria materiais únicos empilhando camadas em vez de escrever shaders, ou parte da biblioteca de materiais prontos a usar.

- Sistema de materiais em camadas
- Vidro, fresnel e deslocamento
- Biblioteca de materiais prontos a usar

Torna a água mais vítrea, com uma orla fresnel suave.

Interatividade e movimento

## Dá vida à tua cena

Adiciona interatividade e animação com o sistema de eventos do Spline: estados, timelines, controlos de jogo e física.

- Estados e eventos
- Animação com timeline
- Controlos de jogo
- Física e partículas

Faz o barco balançar em loop e virar-se quando clicam nele.

Variáveis e dados

## Dados em tempo real, em 3D

Controla o que a tua cena mostra com valores em direto de Variáveis, Webhooks e APIs.

- Variáveis
- Webhooks e pedidos a APIs
- Ações condicionais

Mostra no marcador a pontuação em direto da nossa API.

> “Com o Spline, conseguimos **criar objetos 3D interativos que tornam o nosso produto tangível.** É mais do que decoração. **É a nossa forma de mostrar que nos preocupamos com os detalhes.**”

**Zeh Fernandes**Designer fundador, Resend

Colaboração

## Desenha em conjunto, em tempo real

### Colaboração em tempo real

Todos editam a mesma cena em direto, agentes incluídos, e veem os cursores uns dos outros.

### Comentários

Deixa feedback para a tua equipa diretamente na cena, ou notas para ti.

### Equipas, projetos e pastas

Organiza o trabalho por equipa e projeto e partilha um ficheiro com uma ligação.

Funcionalidades

## Um kit completo para design 3D

As ferramentas por trás do 3D pronto para produção, da primeira primitiva à exportação final.

### Modelação 3D e booleanas

Modela qualquer tipo de objeto com um leque de ferramentas 3D.

### Edição vetorial 3D

A ferramenta vetorial que já conheces, no espaço 3D.

### Controlos de câmara

Usa câmaras para orbitar e compor a tua cena.

### Componentes

Cria sistemas de design 3D a partir de componentes reutilizáveis.

### Biblioteca de templates

Designs, templates e objetos 3D prontos a usar.

### Arrastar e largar

Interações 3D de arrastar e largar sem código.

### Física

Corpos rígidos, colisores, gravidade e forças, simulados em tempo real.

### Variáveis

Números, booleanos e texto que controlam objetos, estados e UI.

### Recursos de materiais

Mantém tudo organizado com texturas e cores como recursos.

### Fluxo de trabalho PBR e HDR

Materiais físicos, iluminação HDRI e exportações PBR.

### Texturas de vídeo

Reproduz vídeo sobre os teus modelos com camadas de textura de vídeo.

### Pós-processamento

Dá o toque final com bloom, profundidade de campo e correção de cor.

### Renderização WebGPU

O editor e as exportações são renderizados em WebGPU, com WebGL como alternativa.

### Exportação de imagem, vídeo e 3D

JPG e PNG, MP4 e GIF, ou GLTF e USDZ.

### Exportação de código

Leva o teu design para os teus projetos React.

### [Geração 3D com IA](https://spline.design/pt-pt/ai-generate)

Gera modelos a partir de um prompt ou de uma imagem, prontos a usar na tua cena.

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

Controla o editor a partir do Claude, ChatGPT, Cursor e outros agentes.

Organiza o teu trabalho 3D por equipa, projeto e pasta.

Publicação

## Uma cena. Web, Apple e Android.

Publica o mesmo ficheiro num site, numa app para iPhone ou numa app Android. Cada plataforma tem o seu próprio renderizador nativo, por isso as cenas mantêm a interatividade e o desempenho.

- [WebWebGPU · WebGLPublica uma ligação, incorpora o visualizador ou exporta código para a tua stack e aloja-o tu mesmo.](https://spline.design/pt-pt/web)
- [AppleMetalAdiciona uma vista SwiftUI nativa à tua app ou gera um projeto Xcode pronto para a App Store.](https://spline.design/pt-pt/ios)
- [AndroidVulkanAdiciona uma vista nativa com Jetpack Compose ou cria um APK ou App Bundle diretamente a partir do Spline.](https://spline.design/pt-pt/android)

prompt.md

Perguntas frequentes

## As tuas perguntas, respondidas

O Spline é gratuito?

Sim. O plano Free custa 0 $ por mês e dá-te o editor de design 3D no teu browser, a Spline Library e as exportações web. Os planos pagos acrescentam créditos de IA, mais ficheiros e mais formas de exportar.

Posso fazer design 3D no meu browser?

Sim. O Spline funciona no teu browser, sem nada para instalar, e renderiza em WebGPU, com WebGL como alternativa. Existe também uma app de secretária para Mac e Windows.

Preciso de experiência em modelação 3D?

Não. Começa com primitivas ou com a Spline Library, ou descreve o que queres e deixa um agente fazer a primeira versão. Se já usaste uma ferramenta de design, as camadas, as propriedades e o canvas em tempo real vão parecer-te familiares.

O que posso criar com o Spline?

3D interativo para sites e apps: cenas hero, visualizadores de produto, jogos, visualizações de dados e interfaces com profundidade, que ganham vida com estados, eventos, animação com timeline e física.

Onde posso usar os meus designs 3D?

Publica na web com uma ligação ou uma incorporação, leva a cena para os teus projetos React ou usa o mesmo ficheiro em iOS e Android. Também podes exportar imagens, vídeo, GLTF e USDZ.

Posso fazer design 3D com a minha equipa e agentes de IA?

Sim. Cada ficheiro está em direto: a tua equipa modela, comenta e revê em conjunto, em tempo real. O Claude, o ChatGPT, o Cursor e outros agentes podem trabalhar no mesmo ficheiro através do Spline MCP.

## Começa a criar em 3D

Liga o teu agente, convida a tua equipa e publica hoje a tua primeira cena 3D.

[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.