Buenas prácticas

Como diseñadora de experiencias de usuario, es importante que mantengas tus archivos organizados en Figma para aumentar tu productividad y facilitar tu flujo de trabajo. Si trabajas con otras personas, también te ayudará a colaborar de forma más eficiente. A continuación, te compartimos algunas buenas prácticas para organizar tus archivos de figma.

Estructura

En términos generales, para optimizar tus archivos es importante que los mantengas ordenados y que cada elemento que contenga esté organizado de forma que facilite su comprensión y la colaboración. Si sueles tener diferentes tipos de información en un archivo, esta puede ser una forma de organizarlo:

Portada. Las imágenes de portada son excelentes para hacer que los archivos sean reconocibles. Puedes diseñarlas como quieras, pero considera mantener una estructura consistente.

este enlace⁠

puedes consultar cómo crear una portada para tus archivos.

⁠

⁠

Investigación visual: considera tener en una sección diferente todas esas maravillosas capturas de pantalla que usas como inspiración.

Ideación: donde desarrollas ideas y almacenas estas iteraciones y las ideas rechazadas.

Flujo: ideas formalizadas en un flujo de usuario estructurado para recibir comentarios.

Prototipo: una página muestra micro interacciones y clics de trabajo. ¿Por qué hay una página separada para flujo y prototipo? Los prototipos generalmente requieren duplicaciones de pantallas para animaciones y eso podría resultar confuso si otra persona entra a tu archivo.

Componentes locales: una página que incluye componentes específicos de este archivo.

Listo para el desarrollo: una vez que tengas la aprobación final de todo tu equipo y que estés lista para entregar a desarrollo, organice un archivo separado o en otra página para que no exista alguna confusión.

⁠

⁠

¿Cómo nombrar frames?

Como mencionamos anteriormente, la organización será útil para ti, pero también traerá beneficios para tu equipo. Para este punto te recomendamos

explorar este plantilla⁠

como punto de partido.

¿Cómo organizar mis componentes?

⁠

Loading…⁠

⁠

Versiones de tus archivos

A lo largo de tus proyectos, te darás cuenta de que tus diseños irán cambiando y es muy probable que tengas distintas versiones de un flujo. Figma tiene la posibilidad de llevar un historial de estas versiones. Para conocer más sobre esta funcionalidad reproduce el siguiente video.

⁠

Loading…⁠

⁠

Taller sobre grids, agrupamiento y autolayout

⁠

Otros recursos

⁠

Nombramiento y agrupamiento de elemenos⁠

⁠

Ayúdanos a seguir mejorando nuestro contenido🤩

Puedes dejarnos tu comentarios

aquí⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.