Основы работы. Figma

В этом видео будем создавать шот для Dribbble (проще говоря – красивую картинку для портфолио UI/UX дизайнера). Здесь хочу познакомить зрителя с интерфейсом Figma, и не слишком углубляться в детали. Поэтому работаем без Auto Layout. Конечно, мы не сделаем картинку 1 в 1 сразу, но в следующем видео – обязательно доделаем. Я не сам придумал этот макет, а вдохновился и почти полностью скопировал работу у Afterglow: https://dribbble.com/shots/16538163-Food-Mobile-App/ Ссылка на файл для упражнения: https://www.figma.com/community/file/1145302910920548586 Спасибо всем, кто выложил эти замечательные фотографии на Unsplash и других ресурсах. Вот ссылки на них: https://unsplash.com/photos/H5Hj8QV2Tx4 https://unsplash.com/photos/D-vDQMTfAAU https://unsplash.com/photos/g_Y84mqyqGU https://joinfo.com/health/1216994_Lavroviy-list---panatseya-17-bolezney.html Поддержать автора на Patreon: https://www.patreon.com/aboevdesign Таймкоды: 0:00 Вступление 1:27 Импорт файла 2:31 Что у нас есть 3:17 Блокирование объектов 3:45 Панель свойств 4:03 Фреймы (Frames) 5:31 Заливка (Fill) 6:00 Пипетка 6:35 Обводка и скругление углов 7:58 Прямоугольник (Rectangle) 9:20 Текст (Text) 10:51 Копирование объектов 14:21 Заносим объект во фрейм 15:06 Масштабирование объектов 15:39 Вращение объектов 18:46 Выравнивание текста 19:32 Групповая перекраска 20:32 Быстро рисуем прямоугольники 20:52 Иерархия объектов 22:00 Выравнивание по направляющим 23:14 Отразить зеркально (flip) и поиск команд 24:09 Размытие объектов (Layer Blur) 24:49 Фрейм вокруг объектов 25:58 Закончили… или нет? 26:57 Спасибо за просмотр!