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

Ми продовжуємо серію вебінарів, присвячених створенню дизайн-системи з використанням Figma. Перша зустріч відбулася 19 травня, і ви можете переглянути її в записі.

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

План вебінару:

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

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

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

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

Вебінар на практиці покаже, як створювати дизайн-систему в Figma, як її наповнювати і працювати з первинними елементами.