José Pedro Duarte

Figma

Pensar antes de construir

Herramientas y tecnología

En mi proceso de diseño web hay una herramienta que se ha convertido en casi imprescindible: Figma.

No es el lugar donde termina la web.

Es el lugar donde empieza a tomar sentido.

Para mí, Figma es el espacio donde las ideas dejan de ser abstractas y empiezan a comportarse como algo real.


Prototipar es ahorrar problemas

Lo que más valoro de Figma es la posibilidad de crear prototipos funcionales y compartirlos con el cliente.

No es una imagen estática.

Es una experiencia navegable.

El cliente puede hacer clic, recorrer la estructura, entender cómo fluye la información. Y eso cambia la conversación. Ya no hablamos de “me gusta” o “no me gusta”. Hablamos de cómo funciona.

Y ahí está la clave.

Detectar errores en esta fase es infinitamente más barato que detectarlos en desarrollo.

En desarrollo web, mover una variable puede alterar diez elementos. Cambiar una tabla puede descolocar medio layout. Todo está conectado.

En Figma también trabajamos con layouts, pero con menos fricción. Es un entorno más ligero, más flexible. Permite probar, romper y rehacer sin consecuencias técnicas.

Eso reduce tiempos.

Reduce errores.

Reduce estrés.

Y ahora, con la integración de IA dentro de la herramienta, ese proceso es todavía más ágil. La capacidad de detectar incoherencias, sugerir mejoras o acelerar tareas repetitivas multiplica la eficiencia.

No sustituye el criterio.

Pero sí acelera el proceso.


Diseñar mientras construyes el sistema

Otra ventaja enorme es que no solo prototipo la web. También diseño dentro de ella los elementos que la componen.

Botones.

Iconos.

Imágenes para categorías.

Componentes reutilizables.

Incluso logotipos sencillos para proyectos que solo necesitan presencia digital.

Todo puede nacer en el mismo entorno.

Eso hace que el sistema visual sea coherente desde el principio. No estoy diseñando por un lado y construyendo por otro. Estoy creando un ecosistema.

Y cuando llega el momento del desarrollo, muchos elementos ya están listos para exportar.


Colaboración real

Figma no es solo una herramienta de diseño. Es una herramienta de equipo.

Puedo compartir el proyecto con otro diseñador.

Con un desarrollador.

Con el cliente.

Pueden comentar, señalar, preguntar. Podemos debatir directamente sobre el layout. No hay cadenas eternas de emails con capturas adjuntas.

Además, el hecho de que el proyecto pueda pasar de una persona a otra sin fricciones cambia la dinámica de trabajo. El que empieza no tiene que ser el que termina.

Eso profesionaliza el proceso.


Más allá del diseño web

Dentro del universo Figma también utilizo su espacio tipo pizarra para fases más conceptuales.

Ahí planteo:

  • Estructuras de base de datos.

  • Primeros esquemas de sidebar.

  • Mapas conceptuales.

  • Ideas sueltas que necesitan ordenarse antes de convertirse en interfaz.


Es un entorno cómodo para pensar visualmente.

Y cuando ya estás dentro del ecosistema Figma, todo resulta intuitivo. Cambiar de prototipo a presentación o a pizarra es casi natural. Terminas queriendo que todo viva ahí.

En mi caso, la mayor parte del día transcurre dentro de Figma.


El prototipo no es la web final

Hay algo importante que he aprendido con el tiempo: el Figma no es sagrado.

Nunca he respetado un prototipo al 100% en el desarrollo final.

¿Por qué?

Porque el desarrollo también es una fase creativa.

Hay detalles que solo aparecen cuando la web ya está viva:

  • Un redondeo que necesita ajustarse.

  • Una tipografía que en pantalla real pide otro tamaño.

  • Un microdetalle en un hover.

  • Una pequeña animación que no estaba prevista.


Si intentara cerrar absolutamente todo en Figma, perdería tiempo. Prefiero hacer un prototipo sólido pero ágil, y dedicar parte de esa energía al refinamiento durante el desarrollo.

Para mí, el diseño no termina en el archivo.

Termina en la experiencia real.


Figma como mentalidad

Más allá de la herramienta, lo que valoro es lo que representa: pensar antes de construir.

Probar antes de programar.

Equivocarse antes de pagar el error.

Conversar antes de desarrollar.

Figma no hace mejores webs por sí solo.

Pero sí hace mejores procesos.

Y cuando el proceso mejora, el resultado casi siempre también lo hace.

Sigamos la conversación.

Si este Cuaderno resuena contigo, puedes suscribirte para recibir nuevas reflexiones, episodios del podcast y algunas ideas que iremos compartiendo por el camino.


Sin ruido. Sin automatismos agresivos.

Solo pensamiento, diseño y conversación abierta..