Figma

¿Qué es Figma?

Figma es una herramienta de diseño en el navegador para construir interfaces de usuario, prototipos y design systems. Funciona enteramente en el navegador, lo que significa que diseñadores, desarrolladores y stakeholders pueden abrir el mismo archivo a la vez, ver los cursores de los demás y comentar directamente sobre el trabajo. Fundada en 2012, se ha convertido en una de las herramientas más adoptadas en diseño de producto y diseño UX.

Esa colaboración en tiempo real es la parte que cambió cómo trabajan los equipos. Las herramientas de escritorio antiguas producían archivos que vivían en una sola máquina y se pasaban de mano en mano como exportaciones. En Figma el archivo es la única fuente de verdad, así que un diseñador puede revisar una pantalla mientras un desarrollador inspecciona el mismo frame y saca de él CSS, dimensiones y recursos. El kit central cubre edición vectorial, librerías de componentes, auto-layout y prototipado interactivo con estados y transiciones. Un equipo de producto puede hacer un test de usabilidad sobre un prototipo clicable por la mañana y publicar el componente refinado esa misma semana, todo desde un archivo.

Figma también se amplía con plugins e integraciones que lo conectan con el resto del stack de producto, desde la gestión de proyectos hasta el control de versiones y las comprobaciones de accesibilidad. Esa apertura es parte de por qué está en el centro de tantos equipos multidisciplinares y no solo en la pantalla de un diseñador.

Figma en Dallonses

Figma es donde nuestro trabajo de diseño e ingeniería se encuentra a la vista de todos. Una pantalla no se lanza por encima de un muro como una exportación plana. Los diseñadores la construyen con componentes y auto-layout, los desarrolladores inspeccionan el mismo archivo y las dudas se responden en comentarios junto a los píxeles en cuestión. Eso cierra el hueco por donde suele escaparse la mayor parte de la intención de diseño.

También es donde viven nuestros design systems. Usamos Figma para mantener el diseño UX y UI consistente en todo un producto, con librerías de componentes compartidas que mapean limpiamente al código que escribimos. Para los clientes, eso significa que lo aprobado en diseño es lo que se construye, y que el branding se sostiene a medida que el producto crece.

¿Tienes un producto donde el diseño y el código no dejan de separarse? Vamos a cerrar ese hueco.

Hablemos de diseño