Diseño
Spline
Diseño 3D colaborativo para crear escenas interactivas orientadas a web.
Editor web para modelar escenas, materiales, iluminación, animaciones e interacciones y publicarlas o integrarlas en productos digitales.
Ir al sitio oficialFicha abierta
Para qué sirve y cómo encaja
Editor web para modelar escenas, materiales, iluminación, animaciones e interacciones y publicarlas o integrarlas en productos digitales.
Útil para heros 3D, demostraciones, prototipos y escenas interactivas que deben integrarse rápidamente en una web.
No conviene para producción 3D compleja, renders físicos avanzados o cuando el peso y rendimiento web son críticos.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.
npm install @splinetool/runtimeimport { Application } from "@splinetool/runtime";
const app = new Application(document.querySelector("canvas"));
app.load("https://prod.spline.design/xxxx/scene.splinecode");Prompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Spline en este proyecto (contexto: sin framework). Documentación oficial: https://docs.spline.design/exporting-your-scene/web-export. Comando verificado: `npm install @splinetool/runtime`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Free
0 $/mes con límites de proyectos y exportación, suficiente para probar la herramienta.
- 02Starter
Starter
12 $ al mes con pago anual, o 15 $ mensual, con más proyectos y opciones de exportación.
- 03Professional
Professional
20 $ al mes con pago anual, o 25 $ mensual; el complemento de IA suma 5 $ por asiento.
- 04Enterprise
Enterprise
Precio a medida con facturación anual, gestión de equipo y soporte.
Funcionalidades
Qué puedes hacer con ella
- 01
Editor 3D web
Crea objetos, materiales, cámaras, luces y composiciones desde el navegador.
- 02
Interacciones
Asocia eventos y estados a objetos para experiencias navegables.
- 03
Embeds y runtimes
Integra escenas en web y frameworks mediante visor o código.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Útil para heros 3D, demostraciones, prototipos y escenas interactivas que deben integrarse rápidamente en una web.
Mejor otra opción si…
No conviene para producción 3D compleja, renders físicos avanzados o cuando el peso y rendimiento web son críticos.