filmov
tv
#3 Figma митап: Дизайн-система для всех.
Показать описание
Воркшоп по разработке дизайн системы.
На воркшопе мы поговорили:
- Как правильно создавать компоненты;
- Как создавать сложные компоненты;
- Как делать спецификации для дизайнеров и разработчиков;
- Как организовать файлы в Figma;
- Нюансы при создании.
Тайм-коды:
00:00 Приветствие
01:19 О чем поговорим
01:51 Основные принципы создания ДС
02:15 Процесс создания компонентов
03:01 Основные правила создания компонентов
03:54 Практика. Уровень Zero. Создание компонента
04:35 Практика. Уровень Easy. Создание вариантов
05:35 Практика. Уровень Okay. Создание зависимых вариантов от мастер-компонента
16:07 Практика. Уровень Uber. Создание сложносоставных компонентов со своими вариантами
28:14 Нюансы и подводные камни
29:38 Чек-лист перед публикацией библиотеки
32:58 Спецификации для дизайнеров и разработчиков
35:58 Еще немного советов
38:20 Вопросы
На воркшопе мы поговорили:
- Как правильно создавать компоненты;
- Как создавать сложные компоненты;
- Как делать спецификации для дизайнеров и разработчиков;
- Как организовать файлы в Figma;
- Нюансы при создании.
Тайм-коды:
00:00 Приветствие
01:19 О чем поговорим
01:51 Основные принципы создания ДС
02:15 Процесс создания компонентов
03:01 Основные правила создания компонентов
03:54 Практика. Уровень Zero. Создание компонента
04:35 Практика. Уровень Easy. Создание вариантов
05:35 Практика. Уровень Okay. Создание зависимых вариантов от мастер-компонента
16:07 Практика. Уровень Uber. Создание сложносоставных компонентов со своими вариантами
28:14 Нюансы и подводные камни
29:38 Чек-лист перед публикацией библиотеки
32:58 Спецификации для дизайнеров и разработчиков
35:58 Еще немного советов
38:20 Вопросы
1:03:22
#3 Figma митап: Дизайн-система для всех.
1:00:33
#3 Figma митап: Дизайн-система. С чего начать переход к единому визуалу разных продуктов....
0:27:50
Мини-курс «App Design». Урок 3. Создание дизайн-системы в Figma
0:21:25
Figma митап: Как вытащить дизайн-команду из хтони
0:42:17
Дизайн-системы в Figma
1:37:17
Дизайн-системи в Figma
1:33:27
Дизайн-система: гармония дизайна и разработки
0:35:29
Константин Подрубный. Как темизировать web-интерфейс продукта и задеплоить без участия разработчика...
0:13:12
Урок №2 / ВАРИАНТы КНОПКИ в программе Figma / Обучение работы в программер Фигма / Дизайн система...
0:00:16
Выбор ресета палитры от популярных систем дизайна в плагине для Figma 'HCL Easy'...
3:03:22
Дизайн-система в Figma. Часть 1. Основы, тексты, типографика...
0:00:34
Monte UI - Figma UI kit And Design System For Web Design
0:00:07
3 ИГРЫ ДЛЯ UX/UI ДИЗАЙНЕРА
0:12:07
Курс Figma – Урок 4: Дизайн система и стили (2022)
0:36:36
Мастер-класс по работе с дизайн-системой в Figma | Василий Гордеев, дизайнер SberDevices...
0:48:20
Пилим Библу или Рефакторинг дизайн-системы | Ozon Tech Community Design Meetup...
0:48:50
Дмитрий Кутафин – Дизайн система для продукта
0:12:37
Дизайн-система «Додо ИС». Мурад Гаммадов. 3 февраля 2020
0:57:48
Лайфхаки и оптимизация работы в Figma
0:15:24
Design System Tips - Part 2 (Design Tokens)
0:19:33
На курсе: соответствие между логической структурой и выразительными средствами и дизайн-системы...
0:27:21
Как сделать адаптивную таблицу в Фигма. Дизайн система таблицы в Figma Community...
1:01:03
Стрим от Figma: «Слияние нескольких дизайн-систем, опыт Ozon»...
0:44:46
Дизайн-системы и оптимизация рабочего процесса - Часть 1...
Комментарии