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.

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
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
Ou pede ao teu agente

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
Ou pede ao teu agente

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
Ou pede ao teu agente

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

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

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

Spline MCP

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

Equipas, projetos e pastas

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.

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.