Miércoles 17 Agosto 2022. Se logra formar la primera pagina en la versión de escritorio + la versión en mobile, estas serian las plantillas de mi proyecto. el Frame se llama plantilla o Template.
Átomos → Moléculas → Organismo → Templates → Páginas
¿Qué incluye un Design System?
Para los diseñadores que crean o contribuyen en el Design System, el diseño de la UI se convierte en un trabajo más técnico. Es su responsabilidad asegurarse de que están diseñando cosas de una manera reutilizable y sistemática para garantizar que sus diseños imiten el mundo del desarrollo.
1. Tokens de diseño:
Esta base define características tales como tipografía, colores, iconos, espacios y arquitectura de la información. Puedes definir valores de bajo nivel y luego usarlos para crear los estilos para tu producto. La esencia de tu marca en un contexto digital. Los tokens del sistema de diseño están diseñados para ser flexibles y trabajar multiplataforma, por lo tanto, crear un lenguaje común es importante. Se podría lograr mucha interoperabilidad si todos, por ejemplo, nombramos nuestra paleta de colores color/type y los tamaños de fuente que utilizamos font/size.
2. Bibliotecas
Una biblioteca de estilos, símbolos o componentes compartidos que los equipos de productos pueden utilizar para diseñar o crear prototipos de nuevas experiencias. Estos símbolos se actualizan para mantenerse siempre sincronizados. Es importante saber que el Design System no es una guía de estilo, es esencial no solo comprender las piezas de su sistema de diseño, sino también el contexto de su uso y el porqué detrás de ello.
5 Plugins de Figma que te ayudarán a ser más productivo y automatizar tu trabajo
Font Scale
Si estás comenzando un nuevo proyecto y no tienes una metodología clara para crear tipografías, este es tu plugin. Te permite generar estructuras armoniosas y consistentes. Mantiene iguales las proporciones entre el texto del cuerpo y los encabezados.
¡Ya no hay excusa para no crear una tipografía sostenible!
Coda
De mis favoritos. Este maravilloso plugin te permite diseñar con datos reales de herramientas como Wikipedia, Spotify, Google Calendar, Gmail o tus propios datos. Es una herramienta para crear documentos. Puedes crear diseños y tablas y completarlos con el contenido de Coda. Este plugin es extremadamente útil para poder completar todos los contenidos y dejar de perder tiempo en su búsqueda. Lo recomiendo al 100%.
Es relativamente nuevo y está ganando popularidad en la comunidad. ¡Me encantan los datos!
Rename It
Nuestro gran amigo, seguro que aquellos que ya habéis trabajado con Sketch conocéis este plugin. Es uno de los plugins que más utilizo en mi trabajo y me permite tener todo bien nombrado y organizado en un instante. Selecciona todas las capas que quieras renombrar y con un simple clic cambia todas en un instante. También puedes crear reglas, buscar palabras determinadas desde el plugin y cambiarlo directamente.
Automatizar, automatizar, automatizar.
