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

Ми продовжуємо серію вебінарів, присвячених створенню дизайн-системи з використанням Figma. Перша зустріч відбулася 19 травня, і ви можете переглянути її в записі.
На другому занятті ми поринемо в практику роботи з кольором, створимо потрібні сітки, розглянемо принципи роботи фреймів та авто-лейаутів, зберемо свої перші компоненти, створимо декілька фундаментальних елементів інтерфейсу (поля, форми) та приміряємо їх на своєму девайсі.
План вебінару:
- Figma Mirror.
- Фрейми та авто-лейаути.
- Колір в інтерфейсі.
- Кольорові палітри: створення стилів, плагіни та інструменти.
- Сітки.
- Робота з Components.
- Первинні елементи: поля, форми.
- Q&A.
Цільова аудиторія:
Даний вебінар буде цікавий досвідченим UX/UI та продуктовим дизайнерам, які хочуть покращити комунікацію з розробленням, зробити процес дизайну та доставки фіч прозорим і масштабованим.
Вебінар також буде корисний менеджерам та фронтендерам, які хочуть почерпнути best practice по роботі з дизайн-відділом та закрити можливі прогалини у розумінні процесів дизайну.
Вебінар на практиці покаже, як створювати дизайн-систему в Figma, як її наповнювати і працювати з первинними елементами.



































