Diseño en Figma, organizado para quienes lo construyen

Figma es una herramienta de diseño colaborativa basada en el navegador que se usa para diseñar interfaces de usuario, crear bibliotecas de componentes y prototipos, y entregar diseños a los desarrolladores. El trabajo de diseño en Figma abarca la creación y la organización de esos archivos.

La mayoría de los equipos usa Figma, pero pocos archivos resultan agradables de trabajar. Los componentes desvinculados, el espaciado incoherente, las capas sin nombre y decenas de colores casi idénticos hacen que cada cambio sea lento y cada entrega propensa a errores. Diseñamos el trabajo nuevo correctamente desde el principio y desenredamos los archivos existentes para que diseñadores, equipos de marketing y desarrolladores encuentren lo que necesitan y confíen en ello.

Las limpiezas de archivos empiezan con una auditoría: cuántos estilos de color y de texto existen, cuántos componentes están desvinculados o duplicados, qué pantallas están vigentes y cuáles obsoletas. Acordamos con usted la estructura objetivo antes de cambiar nada.

Después consolidamos los estilos en variables, reconstruimos los componentes clave con variantes, volvemos a vincular las pantallas a la biblioteca y archivamos el trabajo obsoleto en lugar de borrarlo. Su equipo recibe una breve guía sobre cómo usar y ampliar el resultado.

Los sitios web y las aplicaciones se usan en pantallas de todos los tamaños, por lo que los diseños deben mostrar cómo se adaptan las maquetaciones. Diseñamos los breakpoints clave (normalmente móvil, tableta y escritorio) y usamos auto layout y constraints para que los componentes se estiren, se ajusten y se apilen como lo harán en el código.

Cuando el comportamiento no resulta evidente en los frames, añadimos breves anotaciones: qué se contrae en un menú, qué columnas se apilan primero, cómo se recortan las imágenes. Los desarrolladores pierden menos tiempo adivinando y se rompen menos maquetaciones en la implementación.