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

> O editor 3D do Spline roda no seu navegador. Modele, texturize e anime 3D interativo com sua equipe e um agente de IA, e publique na web, no iOS e no Android.

# O editor 3D onde sua equipe e seus agentes criam

Modele, texturize, anime e torne interativo, em equipe e em um só arquivo ao vivo, direto no seu navegador. **Os agentes fazem a primeira versão**, os designers refinam e tudo vai para a web, o iOS e o Android.

[Comece a criar](https://app.spline.design/signin)[Conecte seu agente](https://spline.design/pt-br/mcp)

Como as equipes trabalham no Spline

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

Agentes e designers se revezam na mesma cena ao vivo. Nada para exportar, reimportar ou reconstruir entre um e outro.

1. 01  
### Prompt  
Descreva a cena. Seu agente lê o arquivo e faz um esboço: formas, luzes e uma câmera.
2. 02  
### Criem juntos  
Os designers entram no mesmo arquivo ao vivo para modelar, ajustar materiais e deixar comentários enquanto o agente continua trabalhando.
3. 03  
### Devolva ao agente  
Selecione qualquer coisa e peça uma alteração: um estado de hover, uma variante, uma timeline. Os agentes veem o que você vê.
4. 04  
### Publique  
Publique na web, exporte código ou leve o mesmo arquivo para o iOS e o Android.

Design, IA e código

## Modele em 3D, com um agente ao seu 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 modelagem 3D
- Edição agêntica com IA
- Código personalizado para UI e lógica

Ou peça ao seu agente

Esboce uma ilha low-poly com uma cachoeira.

Materiais e shading

## Materiais em camadas

Crie materiais únicos empilhando camadas em vez de escrever shaders, ou comece pela biblioteca de materiais pronta para usar.

- Sistema de materiais em camadas
- Vidro, fresnel e displacement
- Biblioteca de materiais pronta para usar

Deixe a água mais cristalina, com uma borda fresnel suave.

Interatividade e movimento

## Dê vida à sua cena

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

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

Faça o barco balançar em loop e virar ao clicar.

Variáveis e dados

## Dados em tempo real, em 3D

Controle o que sua cena mostra com valores ao vivo de Variáveis, Webhooks e APIs.

- Variáveis
- Webhooks e requisições de API
- Ações condicionais

Mostre no placar a pontuação ao vivo da nossa API.

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

**Zeh Fernandes**Designer fundador, Resend

Colaboração

## Criem juntos, em tempo real

### Colaboração em tempo real

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

### Comentários

Deixe feedback para sua equipe direto na cena, ou anotações para você mesmo.

### Equipes, projetos e pastas

Organize o trabalho por equipe e projeto, e compartilhe um arquivo com um link.

Recursos

## Um kit completo para design 3D

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

### Modelagem 3D e booleanas

Modele qualquer tipo de objeto com um conjunto de ferramentas 3D.

### Edição vetorial 3D

A ferramenta vetorial que você já conhece, no espaço 3D.

### Controles de câmera

Use câmeras para orbitar e compor sua cena.

### Componentes

Crie design systems 3D com componentes reutilizáveis.

### Biblioteca de templates

Designs, templates e objetos 3D prontos para usar.

### Arrastar e soltar

Interações 3D de arrastar e soltar 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 interface.

### Assets de materiais

Mantenha tudo organizado com texturas e cores como assets.

### Fluxo de trabalho PBR e HDR

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

### Texturas de vídeo

Reproduza vídeo nos seus 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 renderizam com 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

Leve seu design para os seus projetos React.

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

Gere modelos a partir de um prompt ou de uma imagem, prontos para sua cena.

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

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

Organize seu trabalho 3D por equipe, projeto e pasta.

Publique

## Uma cena. Web, Apple e Android.

Publique o mesmo arquivo em um site, um app de iPhone ou um app de Android. Cada plataforma tem seu próprio renderizador nativo, então as cenas mantêm a interatividade e o desempenho.

- [WebWebGPU · WebGLPublique um link, incorpore o visualizador ou exporte código para sua stack e hospede você mesmo.](https://spline.design/pt-br/web)
- [AppleMetalAdicione uma view nativa em SwiftUI ao seu app ou gere um projeto do Xcode pronto para a App Store.](https://spline.design/pt-br/ios)
- [AndroidVulkanAdicione uma view nativa com Jetpack Compose ou compile um APK ou App Bundle direto do Spline.](https://spline.design/pt-br/android)

prompt.md

Perguntas frequentes

## Suas perguntas, respondidas

O Spline é grátis?

Sim. O plano Free custa US$ 0 por mês e inclui o editor de design 3D no seu navegador, a Spline Library e as exportações web. Os planos pagos adicionam créditos de IA, mais arquivos e mais formas de exportar.

Posso fazer design 3D no navegador?

Sim. O Spline roda no seu navegador, sem nada para instalar, e renderiza com WebGPU, com WebGL como alternativa. Também há um app para desktop para Mac e Windows.

Preciso ter experiência com modelagem 3D?

Não. Comece com primitivas ou com a Spline Library, ou descreva o que você quer e deixe um agente fazer a primeira versão. Se você já usou uma ferramenta de design, as camadas, as propriedades e o canvas em tempo real vão parecer familiares.

O que posso criar com o Spline?

3D interativo para sites e apps: cenas de 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 meus designs 3D?

Publique na web com um link ou um embed, leve a cena para seus projetos React ou use o mesmo arquivo no iOS e no Android. Você também pode exportar imagens, vídeo, GLTF e USDZ.

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

Sim. Todo arquivo é ao vivo: sua equipe modela, comenta e revisa em tempo real. Claude, ChatGPT, Cursor e outros agentes podem trabalhar no mesmo arquivo pelo Spline MCP.

## Comece a criar em 3D

Conecte seu agente, convide sua equipe e publique sua primeira cena 3D hoje.

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

O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android.

#### Pergunte à IA sobre o Spline

#### Produtos

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

#### Runtimes

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

#### Apps

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

#### Aprenda

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

#### Comunidade

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

#### Empresa

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

#### Jurídico

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

#### Contato

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

© 2026 - Spline, Inc.