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.
Agentes e designers revezam-se na mesma cena em direto. Nada para exportar, reimportar ou reconstruir entre uns e outros.
01
Prompt
Descreve a cena. O teu agente lê o ficheiro e faz o esboço: formas, luzes e uma câmara.
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.
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.
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.
“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.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
As hélices podiam acelerar mais devagar quando aterra?
AAgent2 min ago
Suavizei-as ao longo de 1,2 s. Dá uma olhadela.
YYouJust now
Perfeito. Podes publicar!
Reply
You
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.
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.
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.