Érase una vez en las herramientas de diseño

Algunas herramientas de diseño hacen algo más que ayudarte a trabajar más rápido. Parece que entienden lo que intentas crear.

He tenido esa sensación con herramientas muy distintas a lo largo de los años, desde software de modelado 3D hasta herramientas de prototipado interactivo y, más recientemente, entornos de desarrollo con IA.

Lo que las une no son sus funcionalidades. Es lo bien que convierten la intención de diseño en algo tangible.

Lovable es la última herramienta que me ha hecho sentir eso.

Las herramientas que formaron mi forma de pensar

Maya

La primera vez fue con Maya, cuando estudiaba Comunicación Audiovisual en la universidad. Recuerdo pensar que quería ser modeladora 3D y dedicarme a hacer películas de animación. La herramienta era compleja, pero te permitía convertir un objeto o una escena que imaginabas en algo real. El tiempo y el esfuerzo que costaba aprenderla merecían la pena por todo lo que hacía posible.

Flash

La siguiente herramienta que me sorprendió fue Adobe Flash. Recuerdo hacer banners animados de marketing para operadoras de telecomunicaciones. Poder usar ActionScript para programar animaciones abría nuevas posibilidades y hacía partes del proceso mucho más rápidas. ¿Te suena?

Mirándolo ahora, la conexión con la IA no es solo ahorrar tiempo. En los dos casos, la herramienta cambia lo directamente que puedes convertir una idea en un resultado ejecutable.

Cuando las herramientas de diseño se volvieron bonitas

Sketch y Zeplin

Cuando empecé a centrarme en diseño de producto, Sketch y Zeplin cambiaron mi forma de trabajar. Hicieron que diseñar interfaces fuera más enfocado que con herramientas generalistas como Photoshop e Illustrator.

Zeplin además destacó por intentar cerrar la brecha entre diseño e ingeniería y mejorar el handoff. Fue un ejemplo temprano de una herramienta que no solo se ocupaba del trabajo de diseñar, sino de la colaboración necesaria para darle vida a un diseño. Pieter Omvlee, Pelin Kenez y Merih Akar siempre tendrán un sitio en mi corazón.

InVision

InVision hizo accesible el prototipado interactivo sin escribir código. Ayudó a los diseñadores a comunicar cómo debía funcionar una experiencia, no solo cómo debía verse una pantalla. En un momento en que los equipos todavía estaban definiendo y comunicando el proceso de diseño de producto, eso importaba.

Figma

Cuando llegó Figma, fui escéptica y seguí usando Sketch durante un tiempo. Figma me parecía más complejo, pero sus capacidades de colaboración acabaron convenciéndome, sobre todo cuando empecé a trabajar en remoto.

Su fuerza era unir diseño y colaboración. El precio, para mí, era que algunos flujos, sobre todo el prototipado, podían volverse difíciles de gestionar. Algo no encajaba cuando tenías 300 flechas que no sabías identificar a lo largo de Dios sabe cuántas pantallas.

Framer

También me enamoré de Framer. Hasta escribí un tutorial largo sobre cómo usar Sketch y Framer en aquella época.

Framer permitía a los diseñadores explorar el movimiento y las experiencias dinámicas de una forma distinta al prototipado convencional basado en pantallas.

Con el tiempo, Framer se convirtió en una plataforma para crear webs, y dio a los diseñadores más control sobre cómo presentaban su trabajo online. Ese cambio recuerda que las herramientas no siempre se sustituyen unas a otras. A veces encuentran otro problema que merece la pena resolver.

El giro de la IA

Más recientemente, herramientas como Cursor, Lovable, Bolt, Replit, Figma Make y Claude Code han cambiado lo que es posible. Los diseñadores pueden ir más allá de diseños y prototipos estáticos y trabajar hacia experiencias que funcionan.

Pero estas herramientas no son intercambiables. Algunas sirven mejor para explorar un concepto visual; otras son más fuertes para editar código, implementar funcionalidades o trabajar con un código existente. La pregunta importante no es qué herramienta es la mejor en general, sino cuál genera menos fricción para el trabajo que intentas hacer.

Cursor

Cursor es potente y eficiente para construir software, pero para el tipo de exploración visual que yo quería hacer, añadía fricción. Me encontraba lidiando con la configuración de la previsualización local y con una interfaz pensada para el código, no para iterar visualmente.

Eso no la convierte en la herramienta equivocada para los diseñadores. Significa que el encaje depende de la tarea y de cómo prefieres trabajar. Si pasas demasiado tiempo gestionando la herramienta en lugar de explorar la idea, quizá merezca la pena probar otra forma de trabajar.

Lovable

Cuando probé Lovable por primera vez, me gustó su simplicidad, pero los cambios rápidos me frustraban. Cambiaba algo en el código o en el editor en línea, guardaba, y no pasaba nada. Lo volvía a hacer, y nada. Otra vez, nada. Así que acababa chateando con la herramienta y gastando créditos.

Conectarla a GitHub lo cambió: podía editar el código en mi propio editor y ver el resultado en Lovable. Ninguna herramienta lo resuelve todo. Lo que importa es lo bien que encajan entre sí y cuánta fricción quitan del proceso.

Del concepto a la implementación

Hace poco rehice toda mi web con Lovable, después de pasar dos meses con un concepto que no conseguía resolver en Framer: una red desordenada de líneas que se organiza a medida que haces scroll, como un cerebro que encuentra sus conexiones. En Framer tenía la idea, pero se quedaba estática y nunca tuvo la fuerza que buscaba. En Lovable cobró vida cuando las líneas empezaron a viajar de un punto a otro, y una vez tuve el concepto claro, me llevó unas horas.

Esa experiencia me recordó lo que más valoro de una herramienta de diseño. No el número de funcionalidades que ofrece ni cuánto puede automatizar, sino lo bien que me ayuda a convertir una idea en algo tangible.

Las mejores herramientas no sustituyen la intención del diseñador. Acortan la distancia entre tener una idea y poder explorarla, probarla y hacerla realidad.