Slater

Editor de código con IA para Webflow: escribe JavaScript personalizado con ayuda de IA y ve los cambios en vivo sin publicar.

Verificada API disponible Plan gratuito
Datos rápidos
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
Plataforma Web Application
API
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
01
Imagina poder escribir lo que quieres en lenguaje natural y que la AI genere el código JavaScript y CSS automáticamente, directamente en tu proyecto de Webflow.
02
Puedes previsualizar tu código personalizado en tiempo real sin necesidad de publicar el sitio; así ves cada cambio al instante.
03
Separa tus entornos de desarrollo y producción para hacer pruebas con total seguridad antes de lanzar cualquier cambio al aire.
04
Las herramientas de colaboración permiten que varios miembros del equipo trabajen sobre la misma base de código al mismo tiempo.
05
Los code explainers son ideales para entender exactamente qué hace un script. Te vienen al rescate tanto si estás aprendiendo a programar como si necesitas debuguear algo rápido.

¿Para quién es Slater?

Quién saca más provecho de esta herramienta
adding animations and interactions to Webflow sites
creating custom JavaScript functions without writing code from scratch
collaborating on code with team members in real-time

Precios

Plan gratuito disponible — empieza sin tarjeta de crédito

Playground

Gratis
  • 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

$5,0/mes
  • Alojamiento ilimitado de archivos de Slater
  • Controles de acceso a archivos
  • Controles de acceso para equipos
  • Documentación de archivos mediante AI

Dev User

$10,0/mes
  • 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

Dominio Dominio registrado en 2023

Galería

Haz clic en cualquier imagen para ampliarla

Alternativas 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.

Flowblock Verificada Herramientas para desarrolladores

Editor de código con IA para Webflow con predicción inteligente de código, autocompletado y hosting CDN integrado

slicer.dev Verificada Herramientas para desarrolladores

Copia cualquier componente web con sus estilos e interacciones y pégalo como un prompt de IA o código React.

Editor.do Verificada Herramientas para desarrolladores

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.

Prompt Coder Verificada Herramientas para desarrolladores

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

Sitio del top 1k
Compartir X LinkedIn Telegram
Slater Visitar