Figma 2024 с нуля. Урок 4 - Компоненты и варианты, что такое и как их использовать
HTML-код
- Опубликовано: 26 июл 2024
- Разбираю, что такое компоненты и варианты компонентов: когда и как их создавать, как называть, как использовать
Ссылки автора
Урок по сложным компонентам - boosty.to/manka_dsgn/posts/7c...
Стать душнилой (доп уроки) - boosty.to/manka_dsgn
Быть в курсе всех событий - t.me/manka_dsgn
Ссылки из видео
Файлик в Notion (полезные ссылки и материалы к урокам по фигма) - foul-tree-99f.notion.site/cbe...
Таймкоды
00:00 - Вступление
00:58 - Открытие файла
03:10 - Как сделать кнопку
4:10 - Что такое компонент и как создать
20:10 - Как хранить компоненты
21:50 - Материнский и дочерний компоненты
27:07 - Добавляем иконки
31:24 - Создание вариантов
43:10 - Усложняем варианты (Boolean, Instance swap, Text)
54:12 - Подведение итогов
#figma #фигма #дизайн #design #tutorials
Подобного не видел на ютубе, продолжайте, пожалуйста
Спасибо 🫂
У вас талант вести курсы)
спасибо! скорее, просто образовательные ролики)
Супер урок! Всё ясно, понятно. Без лишней сложности, но при этом со всеми тонкостями. Спасибо большое. Пересмотрела много уроков, но здесь поняла всё)
Спасибо за обратную связь! 💙
Вы просто чудо! Настолько понятного объяснения я ещё не находила на ютубе, просто БОГИНЯ!😍
оу, спасибо большое! ❤ я рада, что вам полезно
Жду каждый урок с нетерпением!
У вас отличные уроки❤
Жалко, что вы раньше не появились на моем пути 😅
Очень жду урок про сетки !!
спасибо большое! пока записываю по мере возможностей
а что именно про сетки интересно?
Хотелось бы узнать какие на данный момент сетки считаются самыми оптимальными, а также какие лучше использовать для создания адаптивного дизайна.
супер крутой урок, никто лучше не объяснял все вариации использования компонентов) Жду более сложную версию видео про компоненты😍
спасибо большое!
я планирую провести мастер класс на эту тему, так как не всем нужно будет усложнение, пока думаю над структурой
@@manka_dsgn тогда очень ждем))
До того, как наткнулась на Ваш канал, смотрела видео про компоненты на другом канале. Было ничего непонятно и не очень интересно. Сейчас же все разложилось по полочкам. Спасибо огромное!!!
Кайф! Пересмотрел урок во второй раз! Когда начинаются усложнения я испытываю настоящий восторг и ощущение что теперь шарю в фигме не на базовом уровне)
тогда если 17 февраля придешь на эфир по сложным компонентам, то кайфанешь сильнее)
будем с одной стороны усложнять, а с другой - раскладывать по полочкам
@@manka_dsgn Я в деле!
Красотулечка, спасибо огромное за ваш урок!!! Как всегда всё круто.... ❤❤❤
спасибо большое за обратную связь! ❤
Очень подробно)
Продолжай в том же духе, очень классный контент)
спасибо большое за поддержку!
Спасибо большое, пересмотрю еще😘 Подписалась😍
пожалуйста, приятного пересмотра!)
Спасибо очень классно все разжевали - просто вау!
Я рада)
УРА, наконец-то можно разобраться в компонентах. СПАСИБО
пожалуйста!)
Потрясающий туториал) спасибо огромное!
я рада, пожалуйста ❤
Большое вам спасибо!!!!! ❤❤❤
пожалуйста! ❤
Спасибо за отличное видео)) Вы очень интересно и понятно объясняете
спасибо за обратную связь! 🫶
Прекрасный урок, лучше никто не объяснял. Спасибо большое!
спасибо! я рада, что все понятно ❤
ТЫ КРУТАЯ!!!!! СПАСИБО ЗА ТВОЙ ТРУД!!!!!
спасибо большое!) ❤
Для Win ALT + CTRL + K= Создать компонент
Большое спасибо за уроки. Я - полная противоположность душнилке, организация внутри макетов - Нарния. Недавно наткнулась в ленте на ваше видео про 100500+ блоков и включила его фоном под работу. Теперь включаю уроки и перетряхиваю проекты, навожу порядок) Спасибо.
(Смотрю на превью этого урока и не могу отделаться от мысли "Джастин Бибер и 50 оттенков синего" прастити!))
Я безумно рада, что одна моих миссий реализуется - очень хочется видеть структурированные и понятные макеты коллег! Пожалуйста ❤
Хах, да, Джастин - теперь мой любимый мем, а 50 оттенков синего - это отличное продолжение 😂
Спасибо большое) Очень полезный и подробный урок, который мне прям нужен был.
Я собрался в фигме делать шаблоны для соц. сетей. Для себя я умею делать, для заказов то есть, а как сделать это под шаблон, не знал.
Не знал то есть, как автоматизировать разные моменты, тыкался в эти настройки, про которые вы рассказали, но методом тыка сложно было разобраться)
Теперь буду знать, спасибо ещё раз)
пожалуйста) спасибо большое за обратную связь!
очень доходчиво! спасибо)
Пожалуйста!)
Супер! Спасибо!
Пожалуйста!)
умничка, все правильно :)
спасибо!
нехватает еще одного свойства варианта это когда кнопки разного размера к ним необходим свич!
Ого сколько фишечек! Вот конспект горячих клавиш:
- R - обновляет прототип
- K - масштабирование фрейма вместе с содержимым
- shift + ctrl + v - вставляет текст без стилей
- ctrl+P - поиск любого плагина, который использовал
K - скеил не только фрейма, но и любых других элементов)
а так в целом заибис )))) магёшь)
Автолааут 😅
?
Как вы сделали чтоб на видео было видно голову и клавиши которые нажимаете¿
Программа OBS, там можно настроить отображение камеры. А клавиши через программу KeyCastr
Аня, я когда нажимаю на текст в кнопке - не появляется значок мишени под "Hug - Hug". Несколько раз перепроверила - делаю все как у вас. Не знаете, почему так может быть?
Это какая секунда видео, чтобы я понимала о чем именно речь?
Фигма выпустила обновление, но оно пока не у всех. У вас еще старая версия, как у меня в видео, или уже новая?
@@manka_dsgn 43:38, когда нам нужно выбрать текст во всех кнопках. Да, фигма обновилась
авто лаут
какую цель и ценность несет ваш комментарий?
@@manka_dsgn думаю ему как и мне слегка режет слух такоe произношение, лично я больше привык к "автолояут") но цели и смысла, я думаю, там не было :D
адски много балаболит левых слов которые только путают запутывают создают неясность! надо максимально коротко и исключительно подробно и только по делу. Никак нельзя скакать на что то отвлекаться. четкая цель четкое исполнение.
Создайте свой канал и выкладывайте туда бесплатно максимально короткие, исключительно подробные и только по делу уроки. А мы обязательно посмотрим и прокомментируем)
@@user-fd7sv5pk1m исчезни пушок из трусов)