Slater
Editor de código con IA para Webflow: escribe JavaScript personalizado con ayuda de IA y ve los cambios en vivo sin publicar.
| Qué es | Editor de código con IA para Webflow: escribe JavaScript personalizado con ayuda de IA y ve los cambios en vivo sin publicar. |
|---|---|
| Precios | Freemium — de $5/mo |
| Plan gratuito | Sí |
| Plataforma | Web Application |
| API | Sí |
| Ideal para | adding animations and interactions to Webflow sites, creating custom JavaScript functions without writing code from scratch |
| Dominio registrado | 2023 |
Datos actualizados 15 de agosto de 2026
¿Qué hace Slater?
Slater es un editor de código creado específicamente para proyectos de Webflow, con un asistente de IA que te ayuda a escribir JavaScript (y CSS) personalizado sin salir de tu pestaña de Webflow. En lugar de hacer malabares entre editores, publicar repetidamente para probar el código o pelearte con los límites de código nativos de Webflow, Slater te ofrece una capa de scripting dedicada donde puedes añadir, editar y previsualizar código personalizado en tiempo real. La IA puede generar código a partir de prompts en lenguaje natural, explicar scripts existentes y sugerir correcciones, lo que lo hace útil tanto si eres un desarrollador experimentado como un diseñador que solo sabe lo suficiente de código como para ser peligroso.
Lo que diferencia a Slater es lo estrecha que es su integración con Webflow. No necesitas publicar tu sitio para probar los cambios: Slater ejecuta tu código en vivo en un entorno de previsualización. También es compatible con entornos de desarrollo y producción, para que puedas trabajar en funcionalidades sin afectar al sitio en vivo. La IA no es solo una ventana de chat; tiene conciencia del contexto y puede leer la estructura de tu proyecto. Otras funciones incluyen la colaboración (los equipos pueden trabajar en el mismo código), explicadores de código para aprender y una biblioteca de recursos como tutoriales sobre JavaScript, CSS y cómo trabajar con APIs.
Slater es ideal para diseñadores de Webflow que quieran añadir interacciones, animaciones (como GSAP) o integraciones de terceros sin convertirse en desarrolladores a tiempo completo. También es práctico para desarrolladores profesionales de Webflow que busquen un flujo de trabajo más rápido: se acabó el copiar y pegar código en los campos de código personalizado de Webflow y esperar a que se publiquen. Si construyes sitios en Webflow y necesitas más de lo que ofrece el constructor visual, Slater es una mejora práctica.
Características principales
Qué la hace destacar¿Para quién es Slater?
Quién saca más provecho de esta herramientaPrecios
Plan gratuito disponible — empieza sin tarjeta de créditoPlayground
- Publica tres proyectos en staging (webflow.io) y en producción (tu propio dominio)
- Hasta 30 archivos con acceso de edición
- Biblioteca personal y global
- 100 mensajes de AI (GPT 3.5)
Host User
- Alojamiento ilimitado de archivos de Slater
- Controles de acceso a archivos
- Controles de acceso para equipos
- Documentación de archivos mediante AI
Dev User
- Proyectos de staging y producción ilimitados
- Archivos ilimitados con acceso de edición
- Biblioteca personal y global
- Mensajes de AI ilimitados utilizando los modelos más avanzados
Confianza y presencia
Galería
Haz clic en cualquier imagen para ampliarlaAlternativas en Herramientas para desarrolladores
Asistente de programación con IA que explica cada edición propuesta y permite cuestionar los cambios en un chat lateral sin interrumpir el flujo de trabajo.
Asistente de programación con IA para desarrolladores: consigue acceso anticipado a una nueva herramienta de IA para escribir y depurar código.
Editor de código con IA para Webflow con predicción inteligente de código, autocompletado y hosting CDN integrado
Copia cualquier componente web con sus estilos e interacciones y pégalo como un prompt de IA o código React.
Editor de código basado en la web todo en uno con vista previa en tiempo real, hosting, SSL gratuito y asistencia de IA para crear sitios web estáticos.
Espacio de trabajo de IA para la entrega de software: describe la intención, obtén la arquitectura, el código y despliega, todo trazable.
Herramienta de IA que convierte capturas de pantalla de UI en prompts de código detallados para asistentes de programación con IA.
Editor de código impulsado por IA que te ayuda a escribir, editar y entender código más rápido con sugerencias inteligentes y asistencia en la depuración