Buenas prácticas

Cada capa tiene que tener un nombre que describa qué es, no qué herramienta la creó. "Rectangle 23" no le dice nada a nadie — ni a tu yo del futuro ni a tu equipo. Nombrá en el momento en que creás el elemento.

Organizá tu archivo en páginas con un rol claro: Cover (thumbnail), Components (librería), Flows (pantallas reales) y Archive (descartados). Así cualquiera que lo abra sabe dónde mirar.

Los grupos son solo una colección de capas sin propiedades reales. Los frames tienen tamaño definido, Auto Layout, constraints y pueden ser componentes. Para cualquier elemento de UI, siempre usá frames.

Si posicionás elementos a mano con X/Y, el diseño se rompe cuando cambia el contenido. Auto Layout hace que todo se acomode solo. Aplicalo desde el primer elemento — no es algo que se agrega al final.

No hardcodees colores ni tipografías. Definí estilos o variables y aplicalos desde ahí. Cuando el cliente pide cambiar el color principal, lo cambiás en un lugar y se actualiza en todo el archivo.

Todos los espaciados y tamaños deben ser múltiplos de 8 (o de 4 para valores pequeños). Esta regla da consistencia visual sin tener que pensarlo: 8, 16, 24, 32, 48, 64. Activá la grilla en todos tus frames.

El canvas es infinito, lo que facilita el caos. Trabajá de izquierda a derecha siguiendo el flujo del usuario. Dejá espacio entre pantallas, agrupá flows con Sections. Quien abra el archivo tiene que entender el flujo solo con mirar.

Antes de entregar: capas nombradas, colores como estilos, componentes con Auto Layout, prototipo conectado. Activá Dev Mode y mirá el archivo como lo ve un dev. Si algo no se entiende ahí, va a generar preguntas.

Figma guarda el historial automáticamente, pero guardá versiones manuales en momentos clave: antes de un cambio grande, antes de presentar, después de una revisión aprobada. Poné un nombre descriptivo: "v2 — feedback cliente".

Si vas a usar un elemento más de dos veces, hacelo componente. La regla es simple: la primera vez lo diseñás, la segunda lo convertís en componente, la tercera lo instanciás. Cuando tenés 40 pantallas vas a entender por qué.