Spline

Spline

Spline · Imagem

O Spline é uma ferramenta de design 3D que roda no navegador para criar cenas interativas e publicá-las na web, no iOS e no Android. Dentro do editor, um agente de IA trabalha junto com você.

Prévia da interface de Spline

Sobre Spline

What Is Spline

O Spline é uma plataforma de design na web para criar experiências interativas em 2D e 3D e publicá-las em várias plataformas. Roda no navegador, então você não instala nada antes de começar a modelar. Você monta uma cena com primitivas, materiais, iluminação e animação, adiciona interatividade por meio de eventos e depois exporta como embed, URL pública ou código nativo para iOS e Android.

O que separa a ferramenta de um pacote de modelagem tradicional é a etapa de publicação. O Spline trata o design como algo que se publica, não apenas como algo que se renderiza. Uma cena pode carregar física, comportamento de rolagem e respostas ao clique, e chega a um site ou app sem um processo de conversão à parte. A empresa reconstruiu o editor como Spline V2 em agosto de 2026, e adicionou um agente de IA, um renderizador WebGPU e um servidor MCP que deixa agentes externos comandarem o editor.

O preço dessa conveniência é a profundidade. Esta é uma ferramenta de designer para cenas interativas, não um pacote completo de modelagem de personagens ou cinema. Se você precisa de escultura de alta densidade ou de um sistema de simulação pesado, vai continuar recorrendo a outra coisa.

Getting Started

  1. Cadastre-se em spline.design com um e-mail ou uma conta do Google. O plano gratuito já deixa você começar com arquivos pessoais limitados e visualizadores ilimitados.
  2. Crie uma cena no editor 3D e solte primitivas, ou importe um modelo OBJ, FBX ou GLB que você já tenha. Monte um material da biblioteca ou faça um em camadas.
  3. Adicione movimento e interatividade com estados, eventos e ações, para que a cena responda a cliques, rolagem, teclas ou colisões.
  4. Publique a cena como URL pública, incorpore com um trecho de código ou exporte código nativo para web, iOS e Android.
  5. Revise tudo no modo Play antes de publicar, e mude para um plano pago quando precisar de arquivos ilimitados, sem marca d'água ou de exportações para celular.

Informações do produto

Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de Spline.

Plano gratuitoSim
Planos pagosFree - $70/mo
PlataformaWeb, macOS, Windows
DesenvolvedorSpline
CategoriaImagem
Data de lançamentoApr 2020
Última atualizaçãoAug 2026
Visitas ao site654.7K
Ranking global do site61.4K
Disponibilidade da APISim

Ideal para

Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.

Usuários

  • Designers de produto
  • Times de marketing e marca
  • Desenvolvedores web
  • Iniciantes curiosos sobre 3D

Tarefas

  • Inserir um objeto 3D em uma landing page
  • Animar um produto para um clipe de marketing
  • Prototipar uma interface interativa
  • Gerar um modelo 3D a partir de texto ou imagem

Cenários

  • Montar uma capa para o lançamento de um produto
  • Testar uma ideia antes de um build completo
  • Adicionar uma prévia 3D a um app

Principais recursos

Agente de IA e geração 3D com IA

O Spline V2 coloca um agente de IA dentro do editor. Você descreve o que quer e ele constrói ou edita a cena, com resultados que você ainda pode ajustar à mão. Um caminho de geração separado transforma um prompt de texto ou uma imagem de referência em um modelo 3D com textura, com quatro estilos para escolher. O agente funciona tanto no editor 3D quanto no canvas 2D Hana, então um mesmo hábito serve para os dois.

Renderização em tempo real e WebGPU

O editor renderiza enquanto você trabalha, então mudanças de material e iluminação aparecem na hora, e não depois de uma espera. O Spline V2 passou para um renderizador WebGPU, que traz recursos como reflexos em tela e materiais de mais fidelidade. Isso importa quando você ajusta como uma superfície recebe luz, porque julga ao vivo em vez de adivinhar.

Interatividade com estados e eventos

As cenas respondem à entrada por meio de estados, eventos e ações. Um clique, uma rolagem, uma tecla ou uma colisão podem disparar uma mudança, então seu design se comporta como uma interface, e não como um clipe. É o centro do que o Spline serve para fazer: fazer um objeto 3D reagir em uma página viva, não apenas ficar bom em uma captura.

Exportação multiplataforma

Você pode publicar uma cena como URL pública, incorporá-la com o trecho do visualizador do Spline ou exportar código para projetos web. Os planos pagos adicionam embeds nativos para iOS e Android, além de USDZ para AR no iOS e STL para impressão 3D. A mesma cena chega a um site, a um app e a uma prévia em AR sem ser refeita para cada destino.

API de código e runtime

A biblioteca @splinetool/runtime carrega uma cena exportada e deixa o seu próprio código controlar seus objetos e eventos. Os wrappers de React e Next.js usam o mesmo runtime, então um desenvolvedor pode adicionar tratadores de clique ou animar um objeto de fora do editor. É a ponte entre o arquivo de um designer e um produto que funciona.

Hana: um canvas 2D

O Hana é um segundo editor para interfaces e gráficos animados, montado sobre o mesmo modelo de interatividade do lado 3D. Ele oferece quadros, caneta, redes vetoriais, booleanos e efeitos como sombras, desfoques e vidro. O agente de IA também trabalha aqui, então você gera quadros de UI e interações do mesmo jeito que gera um objeto 3D.

Acesso MCP para agentes externos

O app de desktop traz um servidor MCP, que deixa ferramentas como Claude Code, Cursor ou VS Code comandarem o editor diretamente. Um agente conectado pode criar e modificar objetos, materiais, luzes, câmeras e eventos. É um recurso só de desktop, então quem usa o navegador tem o agente integrado, mas não a conexão externa.

Prós e contras

Prós

  • Roda no navegador sem instalar nada, então você começa a modelar em quase qualquer máquina.
  • A publicação vem integrada, e deixa um design chegar a um site, a um app e a AR a partir do mesmo arquivo.
  • O agente de IA e a geração 3D aceleram o trabalho inicial e continuam editáveis à mão.
  • O runtime e a exportação de código dão ao desenvolvedor uma via de integração real, não apenas um embed.
  • A renderização em tempo real faz as decisões de material e iluminação serem julgadas rápido.

Contras

  • O plano gratuito se limita a poucos arquivos pessoais e coloca marca d'água nas exportações web, então testar em escala pede um plano pago.
  • Aponta para cenas e interfaces interativas, então não substitui um pacote completo de modelagem ou animação para personagens ou cinema.
  • As conexões MCP para agentes externos só funcionam no app de desktop, o que deixa de fora quem usa o navegador.
  • A geração com IA roda com créditos mensais que não acumulam, então um uso pesado pode passar da sua cota.

Perguntas frequentes

O Spline é uma ferramenta de design 3D no navegador para criar experiências interativas em 2D e 3D e publicá-las na web, no iOS e no Android. As pessoas usam para embeds em sites, animações de produto, interfaces interativas e prévias de apps.