Charla

Sistemas de diseño eficientes. Una historia de amor entre diseño y desarrollo

Jueves 12

12:30h - 13:20h

Track 4

Sistemas de diseño eficientes. Una historia de amor entre diseño y desarrollo

A la hora de construir nuestro sistema de diseño, debe de existir una bonita colaboración entre diseño y desarrollo para que nuestro producto final acabe con la calidad que merece. Lamentablemente, esa unión no siempre es así, a sí que vamos a ver cómo construir sistemas de diseño creando ese vínculo que es necesario para poder hacerlo. Veremos todos los procesos a seguir para construir un sistema de diseño. Desde como comenzar aplicando metodologías de diseño (AKA Atomic Design) para construirlo desde diseño (UX/UI) hasta el desarrollo funcional de todos nuestros componentes. En este proceso veremos cómo desarrollar nuestro catálogo de componentes, integrando los design tokens de Figma/Sketch para modificar ciertos aspectos visuales sea muy sencillo, organización, nomenclaturas y versionado de nuestros componentes. Para desarrollarlos, utilizaremos Storybook a modo de catálogo y algunos plugins para dotar de funcionalidad e hipervitaminar sus funcionalidades. También en un panorama dentro del desarrollo enfocado a testing, veremos cómo realizar test a nuestros componentes mediante snapshots o test visuales, para detectar el alcance de esas modificaciones.

UX / UI
Desarrollo Web
frontend
design system

Juan Carlos Ruiz Carrión

Me divierto como UI / Front-end developer

PcComponentes