Крутая архитектура дизайн системы в Figma

Эта дизайн-система подходит под реальные высоконагруженные информационные продукты, где основная задача - донести до пользователя информацию без визуального шума. На ней можно очень быстро собирать прототипы и проводить предварительные тесты. Для ее использования нужны навыки владения Figma. Если вы понимаете, как работают auto layout, вы можете ее модернизировать под себя. Хорошо продуманная архитектура дизайн-системы дает возможность получать прототип с настроенными состояниями активных элементов. Дизайн-система основана на принципах и правилах, по которым строится взаимодействие с пользователем, чтобы оно было всегда привычным. Она говорит на консервативном визуальном языке, на котором пользователи привыкли взаимодействовать с интерфейсами. 00:00 О дизайн-системе 00:52 Как добавить макет в figma 01:03 Сборка скелета 02:36 Настройка компонентов 04:49 Архитектура дизайн-системы 05:10 Иконки 05:27 Стили 05:51 Редактирование константы 07:14 Основные компоненты 08:50 Группировка компонентов в блок 09:42 Замена компонента внутри компонента 10:47 Добавить своё изображение в дизайн-систему 12:07 Тёмная тема 12:53 Заключение #designsystems #design #ui #ux #figma #uikit #figmatemplates