UBICA | Design System

UBICA / STREETWEAR

Figma Workshop: Construir un Design System

Para este proyecto me basé en la marca de ropa: UBICA / STREETWEAR. Trabajé desde Figma, donde creé una Biblioteca con Estilos, Componentes y Variants, documenté la Tipografía, Colores, Elevaciones, Breakpoints, Layouts, Grids y Espacios que permitan la construcción de un producto digital de forma ordenada y óptima.

Posteriormente publiqué el resultado de este repositorio en Zeroheight: https://zeroheight.com/149e724c2

Todo esto apoyándome en las herramientas que Figma aporta para realizar este tipo de tareas: Autolayout, Componentes Interactivos, Variants, Hand-Off y algunos plugins.

Brand logo

Versiones Light y Dark de UBICA / STREETWEAR

Colors

Colores Primarios, Secundarios, Semánticvos y Gradientes del Design System

Typography, Elevations & Icons

Buttons

Layouts, Grids & Breakpoints

Cards

Ubica Responsive & Variants test in Figma

Tokens

Tokens UBICA Design System

Repositorio

Puedes visitar el repositorio, en Zeroheight, haciendo click en:
Visitar Repositorio UBICA / Streetwear

Gracias.