№18 Как структурировать проекты в Figma | Атомарный дизай

12+
12+

47 просмотров

год назад

ПожаловатьсяНарушение авторских прав
12+
12+

47 просмотров

год назад

ПожаловатьсяНарушение авторских прав
12+
12+

47 просмотров

год назад

🟢Смотри все уроки курса Figmaster, на сайте Пижамной Академии, там ты получишь полный доступ бесплатно и дополнительные материалы для эффективного обучения а также 👇 Забрать все файлы урока https://web-design.academy/courses/figmaster/ Что такое атомарный дизайн? Как правильно структурировать проекты в Figma чтобы ими было удобно пользоваться? Разбираемся в этом уроке, зачем следить за неймингом элементов, делимся лайфхаками которые облегчают работу в Figma, и понимаем как структурированные проекты ускоряют процесс разработки дизайна. ✌️Осваивай новую, востребованную и перспективную профессию UI/UX Designer c 20% cкидкой и в комфорте с Пижамной Академией Веб-дизайна: https://web-design.academy/courses/ux-ui/ 🤓 Узнай больше о профессии дизайнера интерфейсов на бесплатном курсе “Старт карьеры в UI/UX” от Пижамной Академии https://web-design.academy/courses/ux-ui-entering/ 💛 Если вдруг у вас возникнут какие-то вопросы связанные с обучением, напишите нам в отдел заботы в Telegram: https://t.me/design_academy_support Мы всегда готовы помочь и ответим на все ваши вопросы Для вашего удобства таймкоды: 00:00 - Почему важно структурировать проекты в Figma? 01:12 - Как сделать обложку для проекта в Figma? 01:53 - Какого размера обложки проектов в Figma? 02:06 - Как установить обложку на проект в Figma? 03:13 - Как правильно структурировать страницы в проекте в Figma? 04:19 - Как сделать разделитель (divider) в окне страниц в Figma? 05:00 - Что можно делать со страницами в Figma? 05:15 - Лайфхак при работе со страницами в Figma 06:04 - Как правильно называть слои в Figma? 06:55 - Как использовать секции для структуризации в Figma 08:00 - Что такое атомарный дизайн (Atomic design) 09:45 - Как создать атомы в Figma? 12:15 - Как создать молекулы в Figma? 13:20 - Как создать организм в Figma? 13:50 - Практическое применение атомарного дизайна 15:55 - Как структурировать стили в Figma 17:57 - Как структурировать переменные в Figma 💫 Сайт Пижамной Академии Веб-дизайна - https://web-design.academy/ Пижамная Академия в Инстаграм: https://www.instagram.com/webdesign.academy/ подписывайся 💛 Заглядывай в телеграм комьюнити: https://t.me/pajamaacademy #Figma #курспоFigma #Figmaster