Prueba de las herramientas más recientes de AI para crear sitios web

 (blog.codeyam.com)
17 puntos por GN⁺ 2025-03-31 | 2 comentarios | Compartir por WhatsApp
  • Antes usaba el proceso tradicional de "Figma → revisión del equipo → implementación por desarrolladores"
  • Esta vez probé qué tan útiles son en un proyecto real las herramientas de creación de sitios web basadas en AI (Cursor, v0, Lovable, Bolt)
  • El objetivo de este experimento fue comprobar hasta qué punto la AI puede simplificar este proceso y si puede reducir la transición del diseño al desarrollo y hacer más fluida la colaboración
  • La comparación se hizo usando el mismo prompt simple en todas las plataformas:
    • "Necesito una landing page para un producto simulador de software llamado CodeYam. Debe parecerse al sitio web actual, pero verse más profesional."
    • "I need a landing page for a product we are building. It's a software simulator called 'CodeYam'. This is the website we currently have. Can you create something similar but more professional looking?"

Resultados de la experiencia con cada herramienta de creación de sitios web con AI

Cursor

💡 Enfocado en desarrolladores, con ventaja en la integración con GitHub

  • Requiere instalar la app de Cursor y conectarla con GitHub
  • Hay muchas tareas técnicas, como ejecutar comandos y trabajar con Git
  • Ofrece vista previa mediante enlaces externos
  • El resultado se queda en reorganizar componentes existentes, con pocas propuestas creativas
  • Requiere una configuración demasiado compleja para crear una página web simple

v0 by Vercel

💡 La mejor experiencia de usuario y el conjunto de funciones más completo

  • La UI es refinada y fácil de usar
  • Ofrece funciones para guardar y cambiar el historial del proyecto
  • Proporciona vista previa en tiempo real durante el chat y responde bien a los cambios
  • Tiene función de enlace compartido, por lo que es fácil recopilar feedback
  • También ofrece varias apps y bibliotecas de componentes (no se usaron en la prueba)

Lovable

💡 Sobresale en generación de contenido y capacidad para transmitir el mensaje

  • Interfaz muy simple (chat + vista previa)
  • El control directo es limitado, pero genera contenido de alta calidad incluso con poca entrada
  • Fue el resultado más impresionante en capacidad de mensajería

Bolt.new

💡 La más simple, pero también la más floja en resultados

  • Tiene una UI similar a la de Lovable, pero los resultados son más simples
  • La calidad del diseño y del contenido es menor y no hay nada especialmente destacable
  • Permite vista previa en tiempo real, pero le faltan tanto creatividad como calidad

Impresión general

  • Todas las herramientas, excepto Cursor, son fáciles de usar incluso para no desarrolladores
  • Los resultados son en su mayoría profesionales pero monótonos; podrían mejorar con prompts más específicos
  • No hubo alucinaciones de AI; todo el contenido generado fue lógico y adecuado
  • En todas las plataformas se puede revisar y editar el código, lo que favorece la colaboración en desarrollo

Resumen de la evaluación final

  • Cursor: amigable para desarrolladores, pero excesivo para crear un sitio web simple
  • v0 by Vercel: la mejor UX y practicidad; una herramienta que dan ganas de seguir probando
  • Lovable: fuerte en generación de contenido centrado en el mensaje
  • Bolt.new: no ofrece mucho más allá de la simplicidad

En general, si quieres crear sitios web simples y profesionales rápidamente, estas herramientas pueden ser una opción adecuada
Pero si buscas un diseño original y sofisticado, todavía hará falta trabajo manual adicional

Lecturas relacionadas

2 comentarios

 
unqocn 2025-03-31

El verdadero sueño de la automatización era conseguir más tiempo libre, pero la realidad es que terminamos haciendo más trabajo, más rápido.

Qué irónico... jajaja
 
GN⁺ 2025-03-31
Comentarios de Hacker News
  • Enlaces a herramientas relacionadas:
  • Da la impresión de que Lovable tiene algo especial
    • Es muy probable que Claude 3.7 sea el modelo de backend
    • Si se separan el diseño y la implementación, las respuestas mejoran
    • Parece que se obtienen mejores resultados cuando se menciona mucho la marca o la filosofía de diseño
  • Herramientas como Lovable amenazan el mercado actual de venta de plantillas y de servicios de diseño para startups en etapa inicial
    • Incluso plataformas como Squarespace quedan en una posición frágil
    • Si una startup no usa este tipo de herramientas, se queda atrás
    • Incluso siendo desarrollador full-stack, ya terminé usando herramientas en vez de diseñar yo mismo
  • En desacuerdo con la idea de que las herramientas de automatización harán desaparecer todos los servicios actuales
    • Más bien funcionan como una oportunidad para hacer más con menos recursos
    • El verdadero sueño de la automatización era tener más tiempo libre, pero la realidad es que terminamos haciendo más trabajo y más rápido
  • Como vendedor de plantillas, las herramientas de IA sí representan una amenaza existencial, pero por ahora no han afectado mucho los ingresos
  • Hace falta usar Lovable directamente y enfrentar la realidad. Ignorar el miedo no ayuda; aprender sí es una forma de prepararse
  • Por ahora, la UX de la IA sigue siendo compleja y la usabilidad es pobre, así que no es una amenaza inmediata
  • El rendimiento de la integración de Gemini 2.5 en Cursor es excelente. Es una nueva clase de LLM que incluso da retroalimentación cuando recibe instrucciones absurdas
  • Al final, ¿no será que todos los productos compiten por ver qué empresa configura mejor el system prompt?
    • Cursor permite elegir modelo o especificar una API key, y ofrece funciones más allá de un simple prompt. Lo clave es que usa una estructura RAG para aprovechar el contenido del repositorio como contexto
    • Así como la diferencia entre Facebook y Friendster no se debió solo al código, la competencia tampoco se define únicamente por diferencias en los prompts
  • Diseñadores UX, PM y desarrolladores están inquietos por cuál de estos roles será reemplazado primero por la IA