Курс будет полезен дизайнерам, продакт-менеджерам и frontend-разработчикам. Его цель - научить системно подходить к дизайну: создавать и поддерживать масштабируемые UI-киты и дизайн-системы, чтобы в команде все работали согласованно, а макеты было удобно передавать разработчикам.
Ключевые блоки курса:
Знакомство с Figma: интерфейс, основные инструменты.
Работа с фигурами и графикой: кривые, визуальные эффекты, настройка инструментов.
Адаптивный дизайн: освоение Constraints (ограничений), компонентов и Auto Layout для автоматизации отступов и позиционирования.
Варианты и библиотеки: как формировать библиотеки компонентов и на их основе строить дизайн-системы для проектов разной сложности.
Прототипирование и анимация: создание интерактивных прототипов для демонстрации UX и взаимодействия с пользователями.
Колористика и типографика: теория цвета, работа с оттенками, применение в дизайн-системах; основы типографики.
Иконографика: работа с размерами иконок, их организация в проекте.
Библиотеки компонентов и токены: создание компонентов, работа со стилями и токенами, интеграция с фронтендом.
Дизайн-система в целом: разбор её назначения, состава, преимуществ и недостатков, а также роли команды в её создании и поддержке.
Передача разработчикам: как организовать handoff (передачу дизайна), управлять версиями и изменениями
