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.

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
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
Ou peça ao seu agente

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
Ou peça ao seu agente

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
Ou peça ao seu agente

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

Resend
“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 FernandesDesigner 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

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

Spline MCP

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

Equipes, projetos e pastas

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.

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.