Sobre los recursos
Dependiendo del formato de los recursos, el diseñador UX puede cargarlos en Figma o guardarlos en su propio dispositivo. A continuación, los exportará desde el documento UI Kit de Figma, si aplica, y los cargará en Studio como recursos, de modo que estén disponibles para que los implementadores comiencen con el proceso de creación de la aplicación.
Antes de cargar los recursos en Studio, el diseñador UX debe asegurarse de que los recursos se guardan en sus dispositivos siguiendo patrones de uso específicos relacionados con la nomenclatura y el formato de los recursos. Por lo general, primero guardan los recursos en sus propios dispositivos. Consulta las secciones siguientes para obtener más información.
Patrones de recursos
Los nombres de los recursos son similares a los nombres de los estilos. A continuación verás una lista de las mejores prácticas aplicadas a los nombres de los recursos exportados desde Figma y cargados posteriormente en Studio.
Importante
Los nombres de los recursos no deben incluir caracteres especiales, la letra ñ, espacios ni mayúsculas. Los nombres deben separarse con _ y la nomenclatura específica definida para cada tipo de recurso.
Escribe el nombre en inglés y se lo más descriptivo posible en cuanto a la finalidad del recurso.
Escribe el nombre en minúsculas y utiliza guiones bajos para dividir las palabras. Evita el uso de artículos o preposiciones. Un ejemplo de este error sería: icon_on_star.
Utiliza la convención de formato BEM, que incluye el Bloque (entidad o componente del Estudio), el Elemento (acción o flujo en el que está incluido) y el Modificador (estado o color). Un ejemplo correcto sería: icon_scan_primary_off.
Exportar recursos desde Figma
En el documento de Figma, haz clic en el recurso que desees exportar.
Ve al panel derecho y luego a la sección Export. Selecciona el tamaño y comprueba que el formato es aplicable al tipo de recurso que vas a exportar.
Haz clic en Export [assetname]. En el modal que se abre:
Comprueba que el nombre del recurso sigue las reglas de nomenclatura explicadas anteriormente. Si no es así, modifica el nombre.
Selecciona la carpeta en la que deseas guardar el archivo en tu dispositivo.
Haz clic en Save.