() translation by (you can also view the original English article)
En este, el primero de una serie de tutoriales, aprenderás a crear un sistema de diseño en Figma. Hace poco diseñé este tema de jardinería para WordPress:
Este tema de WordPress eventualmente será codificado y también podrás descargarlo de manera gratuita.
Puesto que este diseño terminará eventualmente en las manos de un desarrollador, quise crear un sistema de diseño para él; algo que nos ayudará a los dos. Me ayudará a diseñar nuevas páginas en el futuro, asegurándome de que todo sea consistente, y también ayudará al desarrollador al crear un proceso de codificación eficiente. El sistema contiene todos los colores, la información tipográfica, el tamaño y el espaciado, y más.
En este tutorial, voy a enseñarte cómo desarrollar dos secciones del sistema de diseño, dándote una idea de cómo implementar el tuyo propio: tipografía y tamaño y espaciado. ¡Vamos a empezar!
Creación de un sistema de diseño en Figma
Este sistema de diseño de Figma se ampliará en dos video tutoriales más que serán publicados pronto. ¡Permanece atento!
El poder de los sistemas de diseño
Hemos reunido una colección de recursos de aprendizaje en esta serie de Tuts+ Desbloquea el poder de los sistemas de diseño, incluyendo el curso para principiantes:
Y si estás interesado en empezar con los sistemas de diseño de Figma, ¡prueba estos y decide!
Figma¿Qué es Figma?
FigmaAtajos esenciales de Figma para trabajar de manera eficiente
Figma20 kits de UI (interfaz de usuario) de Figma para diseñadores
Adobe XDFigma frente a Adobe XD en 2020
¡Nos vemos en el próximo tutorial!
