Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Systems

Creación de un sistema de diseño en Figma: colores y formas

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

En este, el segundo de nuestra serie de tutoriales sobre un sistema de diseño en Figma, trabajaremos en este tema de WordPress para blog de noticias de revista:

design system in figmadesign system in figmadesign system in figma
Una muestra del sistema de diseño en Figma

Este tema de WordPress eventualmente será codificado y 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; 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.

forms in figma design systemforms in figma design systemforms in figma design system

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: tipografía, tamaño y espaciado. ¡Vamos a empezar!

Creando un sistema de diseño en Figma

Este tutorial sobre un sistema de diseño en Figma es parte de una serie de videos, aquí están, ¡todos en un solo lugar!

El poder de los sistemas de diseño

Échale un vistazo a esta colección de recursos de aprendizaje de Tuts+ Libera 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 en Figma, ¡revisa esto y decide!

Introduction To Figma FREE COURSEIntroduction To Figma FREE COURSEIntroduction To Figma FREE COURSE
Introducción a Figma | CURSO GRATIS

¡Nos vemos en el próximo tutorial!

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.