Collaborative Flow Between Design and Frontend in Atomic Design Systems
Drupal Association via YouTube
Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore a comprehensive workshop on the collaborative flow between design and frontend in developing atomic design systems. Delve into the design methodology using Figma, examining a template project that aligns with frontend component systems. Discover how design tokens, patterns, and components facilitate easy replication and adaptation across projects. Learn the process of translating Figma designs into web-components and Tailwind-based design systems. Understand the importance of design documentation in Figma and its impact on designer-developer workflow and communication. Gain valuable insights into streamlining the development process for any project through effective collaboration between design and frontend teams.
Syllabus
OPEN WEB COMMUNITY - Frontend - Design : Collaborative flow (Workshop)
Taught by
Drupal Association