Дизайн-система в Figma. Часть 2

Мы продолжаем серию вебинаров, посвященнх созданию дизайн-системы с использованием Figma. Первая встреча состоялась 19 мая и вы можете просмотреть ее в записи.

На втором занятии мы погрузимся в практику работы с цветом, создадим нужные сетки, рассмотрим принципы работы фреймов и авто-лейаутов, соберем свои первые компоненты, создадим несколько фундаментальных элементов интерфейса (поля, формы) и примерим их на своем девайсе.

План вебинара:

1. Figma Mirror
2. Фреймы и авто-лейауты
3. Цвет в интерфейсе
4. Цветовые палитры: создание стилей, плагины и инструменты
5. Сетки
6. Работа с Components
7. Первичные элементы: поля, формы
8. Q&A

Целевая аудитория:

Данный вебинар будет интересен продвинутым UX/UI и продуктовым дизайнерам, которые хотят улучшить коммуникацию с разработкой, сделать процесс дизайна и доставки фичей прозрачным и масштабируемым.

Вебинар также будет полезен менеджерам и фронтендерам, которые хотят почерпнуть best practice по работе с дизайн-отделом и закрыть возможные пробелы в понимании процессов дизайна.

Вебинар на практике покажет, как создавать дизайн-систему в Figma, как её наполнять и работать с первичными элементами.