En este taller exploraremos cómo trasladar un diseño de Figma a código, entendiendo el impacto de las decisiones de diseño en el desarrollo frontend. Aprenderemos a estructurar componentes, utilizar variables de diseño y optimizar la implementación en un framework de JavaScript, facilitando la comunicación entre diseño y desarrollo.
Temario:
- Introducción a la relación entre diseño y desarrollo frontend
- Variables de diseño y su implementación en código
- Componentización y reutilización de elementos UI
- Flujo de trabajo: desde Figma a un framework de JavaScript
- Ejemplo práctico: Implementación de una calculadora en Astro
