Workshop - The science of a button: introduction to design system for JS developer

Get your ticket
Verona, San Marco Hotel
English

The science of a button: introduction to design system for JS developer

Workshop organised with Apropos

Learn to design and develop a scalable and consistent design system.
In this intensive one-day workshop, you will learn the fundamental principles for creating an effective design system and how to integrate it into your team.
Through theoretical explanations, practical exercises, and group discussions, you will acquire skills to design and implement a design system that promotes consistency, flexibility, and efficiency in your workflow and development process.

Get your ticket

Teacher

Filippo Gianessi

Senior Growth Product DesignerYAZIO

Product designer, remote worker, agile enthusiast, and passionate about design. I am a Senior Growth Product Designer @ YAZIO and a startup mentor at the Contamination Lab in Faenza. I grew up around industrial design and software development. I keep solutions simple, scalable, and accessible in design, code, and strategy. Daily, you can find me in co-working spaces taking care of YAZIO's monetization and design system at Contamination Lab or some DIY concert in Romagna. I have loved design systems since then, especially after the release of Alla Kholmatova's book, with whom I had the opportunity and fortune to work on the first workshop held in Italy on design systems (Bologna, 2018).

Filippo Gianessi

Topics we will cover:

  • Introduction to design systems and functional and visual patterns
  • UI and purpose inventories
  • Structure with Atomic Design and Tokens
  • Creating a design system in Figma
  • Design Tokens and how to integrate them with React
  • Distribution and governance

Who it's for and participation requirements:

This workshop is for developers, designers, and industry professionals interested in learning and building an effective design system.

A basic knowledge of HTML and CSS is helpful, but advanced development skills or specific experience with frameworks or design tools are not necessary.

What you get:

  • Fundamental principles for building a design system;
  • Tools to analyze existing interfaces and refactor them;
  • Practical experience in using Figma for design systems;
  • Tools to ease code management and communication with the product team;
  • How to document and distribute design systems.

Helpful information:

The workshop lasts a whole day, and coffee breaks and lunch are included. To participate, you need the dedicated ticket, which is sold separately from the conference tickets.

Get your ticket

Get your ticket
When

Thursday 24 October 2024, from 9:30 to 17:30. Coffee breaks and lunch included.

Language
English
Teacher

Filippo Gianessi
Senior Growth Product DesignerYAZIO