# Editor 3D online: modelado, materiales y animación - Spline (https://spline.design/es/3d-design) > El editor 3D de Spline funciona en tu navegador. Modela, texturiza y anima 3D interactivo con tu equipo y un agente de IA, y publícalo en la web, iOS y Android. # El editor 3D donde crean tu equipo y tus agentes 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. [Empieza a crear](https://app.spline.design/signin)[Conecta tu agente](https://spline.design/es/mcp) Cómo trabajan los equipos en Spline ## Un archivo, del prompt a producción Agentes y diseñadores se turnan en la misma escena en vivo. Nada que exportar, reimportar ni reconstruir entre unos y otros. 1. 01 ### Prompt Describe la escena. Tu agente lee el archivo y la esboza: formas, luces y una cámara. 2. 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. 3. 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. 4. 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 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 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 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 Fernandes**Diseñ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. 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. ### Exportación de imagen, vídeo y 3D JPG y PNG, MP4 y GIF, o GLTF y USDZ. ### Exportación de código Lleva tu diseño a tus proyectos de React. ### [Generación 3D con IA](https://spline.design/es/ai-generate) Genera modelos a partir de un prompt o una imagen, listos para tu escena. ### [Spline MCP](https://spline.design/es/mcp) Controla el editor desde Claude, ChatGPT, Cursor y otros agentes. 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. - [WebWebGPU · WebGLPublica un enlace, inserta el visor o exporta código para tu stack y alójalo tú mismo.](https://spline.design/es/web) - [AppleMetalAñade una vista nativa de SwiftUI a tu app o genera un proyecto de Xcode listo para la App Store.](https://spline.design/es/ios) - [AndroidVulkanAñade una vista nativa con Jetpack Compose o compila un APK o App Bundle directamente desde Spline.](https://spline.design/es/android) prompt.md Preguntas frecuentes ## Tus preguntas, respondidas ¿Spline es gratis? 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. [Spline](https://spline.design/es) El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android. #### Pregúntale a la IA sobre Spline #### Productos - [Diseño 3D](https://spline.design/es/3d-design) - [Hana](https://spline.design/es/hana) - [Omma](https://omma.build) - [Generación 3D con IA](https://spline.design/es/ai-generate) - [Spline MCP](https://spline.design/es/mcp) - [Spline Arena](https://spline.design/es/arena) - [Precios](https://spline.design/es/pricing) - [Enterprise](https://spline.design/es/enterprise) #### Runtimes - [Web](https://spline.design/es/web) - [iOS](https://spline.design/es/ios) - [Android](https://spline.design/es/android) #### Apps - [Descargar](https://spline.design/es/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Descargar Spline Mirror](https://spline.design/download-mirror) #### Aprende - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/es/academy) - [API de Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluciones](https://spline.design/solutions) #### Comunidad - [Comunidad de Spline](https://community.spline.design) - [Blog](https://spline.design/es/blog) - [Novedades](https://spline.design/es/changelog) - [Educación](https://spline.design/es/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/es/affiliate) #### Empresa - [Clientes](https://spline.design/es/customers) - [Empleo](https://www.ycombinator.com/companies/spline/jobs) - [Seguridad](https://spline.design/es/security) #### Legal - [Términos y condiciones](https://spline.design/terms) - [Privacidad](https://spline.design/privacy) #### Contacto - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.