Дизайн-система в Figma. Часть 2. Цвет, сетки, компоненты и авто-лейауты
Мы продолжаем серию вебинаров, посвящённых созданию дизайн-системы с использованием Figma. Первая встреча состоялась 19 мая, и вы можете просмотреть ее в записи.
На втором занятии мы погрузимся в практику работы с цветом, создадим нужные сетки, рассмотрим принципы работы фреймов и авто-лейаутов, соберем свои первые компоненты, создадим несколько фундаментальных элементов интерфейса (поля, формы) и примерим их на своем девайсе.
План вебинара:
1) Figma Mirror
2) Фреймы и авто-лейауты
3) Цвет в интерфейсе
4) Цветовые палитры: создание стилей, плагины и инструменты
5) Сетки
6) Работа с Components
7) Первичные элементы: поля, формы
8) Q&A
Видео Дизайн-система в Figma. Часть 2. Цвет, сетки, компоненты и авто-лейауты канала ITVDN
На втором занятии мы погрузимся в практику работы с цветом, создадим нужные сетки, рассмотрим принципы работы фреймов и авто-лейаутов, соберем свои первые компоненты, создадим несколько фундаментальных элементов интерфейса (поля, формы) и примерим их на своем девайсе.
План вебинара:
1) Figma Mirror
2) Фреймы и авто-лейауты
3) Цвет в интерфейсе
4) Цветовые палитры: создание стилей, плагины и инструменты
5) Сетки
6) Работа с Components
7) Первичные элементы: поля, формы
8) Q&A
Видео Дизайн-система в Figma. Часть 2. Цвет, сетки, компоненты и авто-лейауты канала ITVDN
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Python Starter. Урок 1. Введение в Python.1.2 Кнопки Auto Layout/Variants в Figma (Фигма). Разработка StyleGuide/UI-Kit для веб-дизайнаТипографика в вебе | 18+Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигмеЧто выбрать С# или С++?GraphQL - язык запросов для API-интерфейсов. Преимущества и недостаткиОсновы UX/UI дизайна мобильных приложенийЛайфхаки и фишки в Фигме (Figma tips)Angular Advanced. Урок 1. Пользовательские директивы и компонентыАвтоматизация тестирования на С#[NEW] 🔥 Компоненты в Figma. Советы, лайфхаки, примеры. Новый нескучный курс по Фигме. Урок 7МОДУЛЬНЫЕ СЕТКИ В ВЕБ-ДИЗАЙНЕПрототипирование и анимация в ФигмеАдаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSSИнтенсив по Figma — полный обзор от А до Я за 45 минутСоздание дизайна мобильного приложения с FigmaIT профессия в 2022 — FrontEnd с нуля до уровня специалистаДизайн-система в Figma. Часть 1. Основы, тексты, типографикаFigma за 13 минут для верстальщиков и веб-дизайнеров