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

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

Темы, рассмотренные в Части 1: основы и теория, как выстроить работу над дизайн-системой, как поддерживать дизайн-систему, философия и принципы дизайн-системы, начало работы над дизайн-системой и основа интерфейса (тексты, типографика), библиотека стилей текста + плагины и инструментарий.

Темы, рассмотренные в Части 2: Figma Mirror, фреймы и автолейауты, цвет в интерфейсе, цветовые палитры (создание стилей, плагины и инструменты), сетки, работа с Components, первичные элементы (поля, формы).

На третьем вебинаре создадим кнопки, табы, карточки, разберем функцию Variants в Figma. Поговорим про то, как создать инклюзивный интерфейс, как писать документацию к дизайн-системе, обсудим передачу макетов разработчикам. Разберём, что такое дизайн-токены, зачем и кому они нужны, а также, как работать с виброотдачей в девайсах и с анимациями.

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

1. Кнопки, табы, карточки.
2. Variants в Figma.
3. Haptic feedback (виброотдача) и анимации.
4. Доступность и инклюзивность дизайн-системы, а также интерфейса.
5. Документация и работа с разработчиками.
6. Код, дизайн-токены.
7. Q&A.

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

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

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

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