Modela, texturiza, anima y hazlo interactivo, en equipo y en un solo archivo en vivo, directamente en tu navegador. Los agentes hacen la primera versión, los diseñadores la pulen y se publica en la web, iOS y Android.
Agentes y diseñadores se turnan en la misma escena en vivo. Nada que exportar, reimportar ni reconstruir entre unos y otros.
01
Prompt
Describe la escena. Tu agente lee el archivo y la esboza: formas, luces y una cámara.
02
Crea en equipo
Los diseñadores entran en el mismo archivo en vivo para modelar, ajustar materiales y dejar comentarios mientras el agente sigue trabajando.
03
Devuélveselo
Selecciona cualquier cosa y pide un cambio: un estado hover, una variante, una línea de tiempo. Los agentes ven lo que tú ves.
04
Publica
Publica en la web, exporta código o lleva el mismo archivo a iOS y Android.
Diseño, IA y código
Modela en 3D, con un agente a tu lado
Herramientas de diseño familiares y renderizado en tiempo real, más un agente de IA que crea escenas y escribe el código.
Renderizado en tiempo real
Primitivas y modelado 3D
Edición agéntica con IA
Código personalizado para UI y lógica
O pídeselo a tu agente
Esboza una isla low-poly con una cascada.
Materiales y sombreado
Materiales por capas
Crea materiales únicos apilando capas en lugar de escribir shaders, o parte de la biblioteca de materiales lista para usar.
Sistema de materiales por capas
Vidrio, fresnel y desplazamiento
Biblioteca de materiales lista para usar
O pídeselo a tu agente
Haz el agua más cristalina, con un borde fresnel suave.
Interactividad y movimiento
Dale vida a tu escena
Añade interactividad y animación con el sistema de eventos de Spline: estados, líneas de tiempo, controles de juego y física.
Estados y eventos
Animación con línea de tiempo
Controles de juego
Física y partículas
O pídeselo a tu agente
Haz que el barco se balancee en bucle y vuelque al hacer clic.
Variables y datos
Datos en tiempo real, en 3D
Controla lo que muestra tu escena con valores en vivo de Variables, Webhooks y APIs.
Variables
Webhooks y peticiones a APIs
Acciones condicionales
O pídeselo a tu agente
Muestra en el marcador la puntuación en vivo de nuestra API.
“Con Spline podemos crear objetos 3D interactivos que hacen que nuestro producto se sienta tangible. Es más que decoración. Es nuestra forma de demostrar que cuidamos los detalles.”
Zeh FernandesDiseñador fundador, Resend
Colaboración
Diseña en equipo, en tiempo real
Colaboración en tiempo real
Todos editan la misma escena en vivo, agentes incluidos, y ven los cursores de los demás.
Comentarios
Deja feedback para tu equipo directamente en la escena, o notas para ti.
Equipos, proyectos y carpetas
Organiza el trabajo por equipo y proyecto, y comparte un archivo con un enlace.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
¿Las hélices podrían acelerar más despacio al aterrizar?
AAgent2 min ago
Las he suavizado en 1,2 s. Échale un vistazo.
YYouJust now
¡Genial! Lánzalo.
Reply
You
Funciones
Un kit completo para el diseño 3D
Las herramientas detrás del 3D listo para producción, desde la primera primitiva hasta la exportación final.
Modelado 3D y booleanas
Modela cualquier tipo de objeto con un conjunto de herramientas 3D.
Edición vectorial 3D
La herramienta vectorial que ya conoces, en el espacio 3D.
Controles de cámara
Usa cámaras para orbitar y componer tu escena.
Componentes
Crea sistemas de diseño 3D con componentes reutilizables.
Biblioteca de plantillas
Diseños, plantillas y objetos 3D listos para usar.
Arrastrar y soltar
Interacciones 3D de arrastrar y soltar sin código.
Física
Cuerpos rígidos, colisionadores, gravedad y fuerzas, simulados en tiempo real.
Variables
Números, booleanos y texto que controlan objetos, estados e interfaz.
Recursos de materiales
Mantén el orden con texturas y colores como recursos.
Flujo de trabajo PBR y HDR
Materiales físicos, iluminación HDRI y exportaciones PBR.
Texturas de vídeo
Reproduce vídeo sobre tus modelos con capas de textura de vídeo.
Postprocesado
Remata el acabado con bloom, profundidad de campo y corrección de color.
Renderizado WebGPU
El editor y las exportaciones se renderizan con WebGPU, con WebGL como alternativa.
Controla el editor desde Claude, ChatGPT, Cursor y otros agentes.
Equipos, proyectos y carpetas
Organiza tu trabajo 3D por equipo, proyecto y carpeta.
Publica
Una escena. Web, Apple y Android.
Publica el mismo archivo en un sitio web, una app de iPhone o una app de Android. Cada plataforma tiene su propio renderizador nativo, así que las escenas conservan su interactividad y su rendimiento.
Sí. El plan Free cuesta 0 $ al mes e incluye el editor de diseño 3D en tu navegador, la Spline Library y las exportaciones web. Los planes de pago añaden créditos de IA, más archivos y más formas de exportar.
¿Puedo hacer diseño 3D en mi navegador?
Sí. Spline funciona en tu navegador, sin nada que instalar, y renderiza con WebGPU, con WebGL como alternativa. También hay una app de escritorio para Mac y Windows.
¿Necesito experiencia en modelado 3D?
No. Empieza con primitivas o con la Spline Library, o describe lo que quieres y deja que un agente haga la primera versión. Si ya has usado una herramienta de diseño, las capas, las propiedades y el lienzo en tiempo real te resultarán familiares.
¿Qué puedo crear con Spline?
3D interactivo para sitios web y apps: escenas hero, visores de producto, juegos, visualizaciones de datos e interfaces con profundidad, que cobran vida con estados, eventos, animación con línea de tiempo y física.
¿Dónde puedo usar mis diseños 3D?
Publica en la web con un enlace o una inserción, lleva la escena a tus proyectos de React o usa el mismo archivo en iOS y Android. También puedes exportar imágenes, vídeo, GLTF y USDZ.
¿Puedo diseñar en 3D con mi equipo y agentes de IA?
Sí. Cada archivo está en vivo: tu equipo modela, comenta y revisa en tiempo real. Claude, ChatGPT, Cursor y otros agentes pueden trabajar en el mismo archivo a través de Spline MCP.
Empieza a crear en 3D
Conecta tu agente, invita a tu equipo y publica hoy tu primera escena 3D.