Webflow vs Webstudio vs Onlook: cuál elegir si eres indie developer

Si estás buscando un editor visual para construir tu sitio web sin depender 100% del código, seguramente te encontraste con estos tres nombres. Aquí está la comparación honesta — sin marketing, desde la perspectiva de un desarrollador que quiere control real sobre su código.

El problema que todos intentan resolver

Los editores visuales existen para responder a una frustración legítima: escribir HTML y CSS desde cero es lento, y herramientas como Figma te permiten diseñar muy rápido visualmente pero no generan código de producción. La brecha entre el diseño y el código es real y costosa.

Webflow fue el primero en resolver esto de forma seria. Webstudio y Onlook son respuestas más recientes, con filosofías distintas.

Webflow: el estándar de la industria

¿Qué es? Un editor visual SaaS que genera código HTML/CSS limpio. Tiene su propio CMS, sistema de hosting, y un ecosistema maduro de plantillas y plugins.

Lo bueno:

• La experiencia de usuario más pulida del mercado
• Potente sistema de animaciones
• CMS integrado para contenido dinámico
• Gran comunidad y recursos de aprendizaje

Lo malo:

• Es caro — los planes de producción superan fácilmente los $30-50/mes
• El código generado vive en los servidores de Webflow, no en los tuyos
• No se integra con tu stack existente (React, Remix, etc.)
• Si Webflow cierra o sube precios, estás atrapado

¿Para quién es? Agencias, freelancers que construyen sitios de marketing para clientes, y empresas que necesitan un CMS visual sin involucrar a un desarrollador constantemente.

Webstudio: el Webflow open source

¿Qué es? Una alternativa open source a Webflow que replica su experiencia visual pero te da control total sobre el código y el hosting.

Lo bueno:

• Open source y self-hosteable — el código es tuyo
• Expone todo el poder de CSS sin restricciones
• Exporta proyectos como aplicaciones Remix — código real que puedes deployar en cualquier plataforma
• Compatible con Cloudflare Pages (muy relevante si usas ese stack)
• Plan gratuito en la nube disponible

Lo malo:

• Menos maduro que Webflow — algunas features todavía en desarrollo
• El self-hosting real requiere Docker y configuración no trivial
• No se conecta a tu proyecto Remix existente — es un entorno separado
• El CMS nativo es básico

¿Para quién es? Desarrolladores que quieren la experiencia visual de Webflow pero sin el vendor lock-in ni los costos, y que están construyendo sitios de marketing independientes de su aplicación principal.

Onlook: el editor visual para tu código existente

¿Qué es? Una herramienta open source que se conecta a tu proyecto React/Next.js existente y te permite editarlo visualmente en tiempo real. Los cambios que haces en la interfaz visual se reflejan inmediatamente en los archivos de código en tu disco.

Lo bueno:

• Edición bidireccional real — el código es la fuente de verdad
• Se integra con proyectos existentes sin crear un entorno separado
• Open source y self-hosteable
• Cuando haces click en un elemento visual, te muestra exactamente la línea de JSX correspondiente

Lo malo:

• Solo soporta Next.js + Tailwind CSS oficialmente — Remix todavía no
• Está en desarrollo activo — algunas funciones son inestables
• Requiere que tu proyecto ya esté configurado con Next.js y Tailwind

¿Para quién es? Desarrolladores React que ya tienen un proyecto corriendo y quieren editar el UI visualmente sin salir de su flujo de trabajo de código.

La comparación directa

Característica	Webflow	Webstudio	Onlook
Open source	No	Sí	Sí
Self-hosteable	No	Sí (complejo)	Sí
Costo	$$$	Gratis	Gratis
Se conecta a proyecto existente	No	No	Sí (Next.js)
Exporta código real	Limitado	Sí (Remix)	N/A
Madurez	Alta	Media	Baja-Media
Soporte para Remix	No	Exporta a Remix	No

¿Cuál elegir?

Elige Webflow si: tienes presupuesto, construyes sitios para clientes, y no necesitas integración con un stack técnico específico.

Elige Webstudio si: quieres construir landing pages de marketing de forma visual, con código que es tuyo, y estás dispuesto a manejar el sitio como un proyecto separado de tu aplicación principal. Es la opción más sensata para indie hackers con stack Remix + Cloudflare.

Elige Onlook si: tu proyecto ya está en Next.js + Tailwind y quieres un editor visual que edite tu código directamente.

La realidad que nadie te dice

Para un indie developer que construye productos SaaS con un stack moderno (Remix, React Router, Next.js), ninguna de estas herramientas es la solución perfecta. La realidad es que el mercado de editores visuales que se integran profundamente con código existente todavía está madurando.

La estrategia más pragmática hoy es usar Webstudio para las landing pages de marketing — donde la integración con tu app no es crítica — y aprender Tailwind CSS directamente para las pantallas internas de tu aplicación. Es menos glamoroso que tener un editor visual para todo, pero es más rápido, más barato, y más estable a largo plazo.

---

¿Usas alguna de estas herramientas en tu stack? ¿Encontraste una alternativa que no mencioné? Escríbeme — siempre estoy buscando opciones que funcionen bien con Remix y Cloudflare.