Metodología

Design System Workshop
por Raúl Marín Calleja

Skills

Design System · Benchmarking · Sketching · Lightning demo

Herramientas

Figma  · Figma Plugins · Zeroheight · Photoshop

Rol

UX/UI Designer

Desafío

Workshop Figma: Cómo construir un Sistema de Diseño. Raúl Marín Calleja, Head Teacher de Neoland, impartió este taller donde repasamos funcionalidades de Figma mientras creamos un Design System colaborativo de cero.
UBICA Design System en Figma

Para este proyecto me basé en una marca de ropa ficticia: 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.

Design System en Figma
Design System en Figma
Design System en Figma
Design System en Figma
Design System en Figma
Design System en Figma

Gracias @raul_marin.
Puedes ver más en el Repositorio.


Warning: Trying to access array offset on value of type bool in /homepages/32/d527240486/htdocs/clickandbuilds/WordPress/MyPortfolio/testi/wp-content/plugins/visual-elements/vslmd/vc-elements/elements/portfolio.php on line 118

Warning: Trying to access array offset on value of type bool in /homepages/32/d527240486/htdocs/clickandbuilds/WordPress/MyPortfolio/testi/wp-content/plugins/visual-elements/vslmd/vc-elements/elements/portfolio.php on line 118

Warning: Trying to access array offset on value of type bool in /homepages/32/d527240486/htdocs/clickandbuilds/WordPress/MyPortfolio/testi/wp-content/plugins/visual-elements/vslmd/vc-elements/elements/portfolio.php on line 118

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Name *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.