[NEW] 🔥 Компоненты в Figma. Советы, лайфхаки, примеры. Новый нескучный курс по Фигме. Урок 7
Вставка
- Опубліковано 24 кві 2024
- #alexeybychkov #ityoutubersru #figma
Как устроены компоненты в Фигме? Когда использовать их? Как разломать мастер-компонент?#alexeybychkov #ityoutubersru #webdesign
Как настраивать автолейаут? Обзор обновленного Auto Layout в Фигме. Реальные примеры, советы и лайфхаки
Ссылка на файл www.figma.com/file/RFhJ0NyPZu...
Скриншоты для насмотренности boosty.to/alexeybychkov/posts...
ТикТок - / alexeybychkov_
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - alexeybychkov.fun/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Содержание курса:
Урок 1 - [NEW]⚡Аккаунт, история версий • [NEW] 🔥 Обзор интерфей...
Урок 2 - [NEW]⚡Гамбургер меню, предпочтения • [NEW] 🔥 Обзор меню, по...
Урок 3 - [NEW]⚡Инструменты и калькулятор • [NEW] 🔥 Инструменты и ...
Урок 4 - [NEW]⚡Слои, маски и массовое переименование • [NEW] 🔥 Слои, маски и ...
Урок 5 - [NEW]⚡Сетки. Bootstrap. 8 px grid • [NEW] 🔥 Модульные сетк...
Урок 6 - [NEW]⚡Привязки • [NEW] 🔥 Привязки (cons...
Урок 7 - [NEW]⚡Компоненты • [NEW] 🔥 Компоненты в F...
Урок 8 - [NEW]⚡Компоненты и адаптив • [NEW] 🔥 Компоненты и а...
Урок 9 - [NEW]⚡Выравнивания, Tidy Up • [NEW] 🔥 Выравнивания (...
Урок 10 - [NEW]⚡Текст • [NEW] 🔥 Текст в Figma:...
Урок 11 - [NEW]⚡Цвет, градиенты, изображения • [NEW] 🔥 Цвет в Figma: ...
Урок 12 - [NEW]⚡Обводка • [NEW] 🔥 Обводка в Figm...
Урок 13 - [NEW]⚡Эффекты: блюры, тени • [NEW] 🔥 Эффекты в Figm...
Урок 14 - [NEW]⚡Библиотека команды • [NEW] 🔥 Библиотека сти...
Урок 15 - [NEW]⚡Варианты • [NEW] 🔥 Figma Variants...
Урок 16 - [NEW]⚡Прототипы в Фигме (часть 1) • [NEW] 🔥 Прототипы в Фи...
Урок 17 - [NEW]⚡Интерактивные компоненты (часть 2) • [NEW] 🔥 Интерактивные ...
Урок 18 - [NEW]⚡Панель кода Inspect • [NEW] 🔥 Панель кода In...
Урок 19 - [NEW]⚡Экспорт • [NEW] 🔥 Панель экспорт...
Урок 20 - [NEW]⚡Ссылка на проект - • [NEW] 🔥 Ссылка на прое...
Урок 21 - Комьюнити - … будет)
Урок 22 - [NEW] ⚡ Плагины - • [NEW] 🔥 Плагины и Видж...
Урок 23 - [NEW] ⚡ Auto Layout 4.0 в Фигме • [NEW] 🔥 новый Auto Lay...
Урок 24 - [NEW] ⚡ FigJam • [NEW] 🔥 FigJam - онлай...
0:00 - как создать компонет
0:50 - как устроены компоненты
5:49 - как сбросить оверрайд (привязать свойство к мастеру)
8:07 - как быстро найти мастер
9:29 - как вставлять фотографии в компонентах
14:30 - как удалить / разломать мастер
17:09 - внутри мастера не может быть другой мастер
19:00 - реальный пример использования
21:53 - хедер и футер через компонент
25:46 - как через 1 мастер менять разный цвет у PNG
27:40 - советы: что компонентить?
33:03 - как свапать компоненты
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
![[NEW] 🔥 Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку. Урок 8](http://i.ytimg.com/vi/V3TZWjt_2zA/mqdefault.jpg)
![[NEW] 🔥 Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку. Урок 8](/img/tr.png)
![[NEW] 🔥 Figma Variants как пользоваться? Настраиваем варианты компонентов. Урок 15](http://i.ytimg.com/vi/UUJdwx_Jd74/mqdefault.jpg)
Вы все еще не пользуетесь компонентами?! Тогда мы идем к вам!
Cпасибо всем за активность под роликом! Давайте поможем ему занять место его запенсионерившегося предшественника!
Всех обнял!
Спасибочки!
Добрый день, можете уделить пару минут у меня есть вопрос по фигме, буду благодарен
Блин, что за сравнение с "испорченной" девочкой? Все ж нормально было. Уберем этот "компонент" и станет сильно лучше)
Спасибо. Это просто гениально, объясняете суперски... Всё откладывала, думала буду 100 лет в этих компонентах разбираться. Но оказалось не все так страшно 😅
Спасибо, тебе! Смотрела это видео с удовольствием и с пользой))) для себя.
а ещё! а ещё! Я хотела сказать, что Вы вызываете бесконечное восхищение вот чем: во всех советах фоном прослеживается один супер-правильный принцип: делать всё четко, а не колхозить, чтобы другим участникам процесса (верстальщик, заказчик итд) было удобно и понятно. Вы прививаете уважительное отношение к людям и это прекрасно. От этого хорошо всем. Алексей, вы чудо! Я это пишу под каждым видео) Спасибо!
Спасибо)
Тот случай, когда не надо ускорять просмотр урока на 1.25 или 1.5 - автор все четко сделал сам
супер) рад, что нравится скорость бубнежа))
@@alexeybychkov_ Людям нравится не скорость бубняжа а то что сразу к делу переходишь
@@akhmedovvd но ведь можно сразу к делу перейти со скоростью 3 слова / сторис
а для меня - слишком быстро(((((
@@alexeybychkov_ скорость 🔝 и контент тоже 🤤 спасиииибо 🙃
То чувство, когда в бесплатных роликах в ютубе объясняют все гораздо интереснее и понятнее, чем на платном курсе... 🤦
Спасибо Вам большое! 🥰
Спасибо за просмотр)
Спустилась написать то же самое:) Алексей - любовь любовная, профессиональная)))
Смотришь - вроде легко, а делать начинаешь и сразу становится сложно)) Объясненно все супер-пупер класс🤩
)) надо практиковаться!
Компоненты - это то, на что надо молится ! Их явно придумал какой-то гений !
100% тоже так думаю!
Посмотрел 6 уроков подряд, на 7 уже не хватило. Зато! Я наконец переборол свой внутренний барьер перед работой с компонентами и вариантами :D И кстати, курс обновленный, а кое-что с прошлого года так и не поменялось - это несправедливое количество лайков под такими кайфовыми уроками 😐 Спасибо большое за такой труд, найти время и силы пройтись по всем тонкостям работы с инструментом и давать это начинающим дизайнерам в открытом доступе - достойно уважения 💪💪💪
круто) спасибо за такие объемные комменты!
храни Вас Боженька! миллион раз возвращаюсь к видео урокам и как же удобно, когда с разделителями по времени ! классупер!
спасибо за просмотр)
С каждым новым просмотром, замечаю новые фишки. Круто!
Круто)
Пришёл не по колокольчику, а по зову сердца ❤️🔥
круто)) спасибо!
В фигме месяцев 4, нашла этот плейлист именно из-за компонентов. Это лучшее, что я могла найти на ютубе, 4й день смотрю видео, некоторые по несколько раз, потому что быстро-четко и вообще нет воды! Действительно много новой информации или новые способы использования старой, много горячих клавиш, которые так экономят время. Не могу представить сколько усилий вы вложили за кадром, но ваш канал для меня - это находка. В особенности, потому что мне не хватает понимания как ускорить процесс (привет, компоненты) и как чистить макет для верстальщика. Очень рада, что вы уделяете этому столько внимания, мне это помогло в работе. Спасибо!
рад, что полезно 🥳
5:09 Ого, не знала про опцию "push overrides to main component"👀 Супер, спасибо!
ее как-то незаметно добавили))
Твои ролики - вот это точно восьмое чудо света! Спасибо, очень крутой видос👍
спасибо)
Пол часа пролетают незаметно с такой крутой подачей, простым объяснением и юморком конечно 💯🔥
супер)
я больше года регулярно смотрю сторисы в инсте, но Ваши разборы новых фич фигмы это абсолютно другая тема, а комментарии к объектам, типа здыхлика, это отдельный вид искусства:)))
Спасибо за Ваш труд и детальные уроки!
Круто) рад, что нравится! 🥳
Самые классные уроки по фигме во всем рунете!!!
Спасибо за просмотр)
15:22 Я понял одну истину - "Пока мы ломаем компонент, мы ломаем пальцы благодаря горячим клавишам"
100% )) поэтому удобнее через хоткей, если позволяет мышь или клавиатура
Начинать и заканчивать свой день с просмотра видео на этом канале уже начинает входить в привычку, заряжаешь своей продуктивностью и бодрой подачей контента)
Отличная привычка)
Не устану повторять, Алексей , ты - человечище!) Благодарочка за твои труды!!!
Спасибо, приятно)
Ваши лайфхаки, Алексей, очень помогают. Спасибо
Супер!
Компоненты нереально ускоряют работу, очень полезный урок получился🔥
🚀🚀🚀
Компоненты действительно очень ускоряют работу, спасибо что делишься своими знаниями!!!Очень рада что нашла тебя на просторах интернета!!!
еее спасибо за подписку!
давно работаю в фигме, но все равно смотрю твои уроки и узнаю что то новое для себя)), Спасибо за информативный ролик, как всегда все супер!
круто) спасибо за просмотр!
Побольше бы таких полезных видео! С компонентами работать намного проще стало 🔥🔥🔥
Спасибо за просмотр)
Классный урок! Люблю, как у тебя все подробно и бодро, никогда не скучно смотреть
Рад, что нравится!
Рад, что нравится!
Наконец то, я понял, как работать с компонентами, спасибо тебе большое:)
Круто) 🚀
Алексей, спасибо вам огромное за то, что вы делаете! Таких потрясающих, подробных уроков по фигме нигде не встречала🔥
пожалуйста огромное)
Спасибо, что рассказываешь, как правильно работать с компонентами, а как нет. Контент - огонь, подача - огонь))
еееее
Все как мы любим Лёша! Все как мы любим! Спасибо)
спасибо за просмотр)
Алексей вы святой человек! Здоровья вам крепкого и заказов побольше. Знайте ваши труды ненапрасны и мы все Вас смотрим! Наконец-то дошел до компонентов)))
спасибо, приятно)
Только начала работать в фигме (не веб, а графический дизайн) - несколько видео из этого курса посмотрела и каждый раз в шоке от того, сколько полезностей можно узнать из роликов опытного пользователя! Вы проделываете нереальную работу! Спасибо! 👍👍
рад, что нравится!
Лучшего объяснения про компоненты и в мире не сыщешь!!!
♥️
Спасибо за ролик, наконец-то понял как работать с иконками в компонентах 🤘
супер! рад, что видео помогло разобраться
Леша ну наконец-то))) Спасибо, очень ждал!
да столько всего записать каждый раз нужно, что сложно определиться с темой) то фидбек, то как нафрилансил, то вот фигму дальше
Пересматриваю уже не в первый раз. Спасибо, что ты так доступно доносишь инфу)
пожалуйста)
Смотрю уже 3 раз. Каждый раз что-то новое для себя открываю, очень интересно, быстро и понятно
спасибо за перепросмотр!
Хаха, смотрю я, значит, как вставлять фото в компонентах, и наблюдаю каждый свой шаг: самостоятельно разбираясь с принципом действия компонентов, я научила себя загонять в мастер все фото, а потом скрывать в компонентах ненужные... Смотрю и думаю: "Ну ясно, сейчас Алексей скажет, что я делаю не то")) И, о чудо, так оно и оказалось: всё гениальное - просто :) Спасибо большое!
😄 да, такой вариант (скрыть-показать) подойдет если всего 2 слоя. Например, иконки лево-право, или вверх-вниз, или меньше-больше. Чтобы с вариантами не возиться, быстрее будет через слои. Но даже в таком случае это какаха))
Просто гениально! Нравится все и очень понятно! Сердце переполняется благодарностью, вкусных Вам печенек за такой труд! ❤
рад, что нравится!
Обожаю уроки Алексея! В быстром темпе, еще и с юмором)))))) Спасибо за контент!!!
ееее круто))
Смотрю этот урок не в первый раз, супер!!! Спасибо!!!
пожалуйста)
Учиться по вашим роликам - одно удовольствие! Все просто и по полочкам, очень полезно!
ну класс)
Алексей, просто огромное спасибо. Смотреть и учиться - одно удовольствие :)
Еееее!
Просто клад! Все четко и по делу, максимально понятно. Отдельный респект автору за его харизму, просмотр пролетел как будто за минуту.
спасибо!
Как приятно вас смотреть! Быстро с юмором, без воды!!!! Пересматривать одно удовольствие!)))
очень рад, что нравится!
Компоненты - это самое крутое что есть в Фигме ))) Думала что это очень сложная тема - но благодаря твоим роликам я поняла что они из себя представляют ❤️❤️❤️
очень рад)
Это видео просто нужно просматривать каждое утро, пока не дойдут навыки автоматизма) спасибо Леше за такую пользу!
Пожалуйста))
Офигеть сколько всего полезного узнала. Спасибо. Осталось дело за практикой. 🙂
Ага надо кнопки нажимать!
Пересматриваю не в первый раз, но каждый раз все равно узнаю что-то новое, спасибо за такие крутые и информативные ролики
Пожалуйста)
Крутой урок про компоненты в Figma. Супер столько всего узнал, советы, лайфхаки, примеры, просто бомба. Реально новый нескучный курс по Фигме. Жду следующего обновленного урока. 💪 👍
еееее круто! спасибо за жменю комментов!
Мы все очень ждём)
Алексей, спасибо за реально доходчивое объяснение работы компонентов. Я их боялся как огня и казалось, что это какой-то прям ну очень следующий и как-то далёкий уровень. Но теперь я понимаю, для того чтобы шагать по этим самым "уровням" нужно в принципе использовать компоненты, а иначе иначе никак! 💥💥💥
да компоненты надо любить, ведь они генерируют свободное время на вечер
Работать через одно место оказывается очень удобно!:) Каждое видео несёт просто тонну полезной информации, когда узнаю что-то новенькое, радуюсь как ребёнок. Спасибо!
Круто)
После просмотра видео намного проще, удобнее и понятнее стало пользоваться компонентами. Спасибо!
пожалуйста!
Ролик очень подробный и с множеством полезной информации. Спасибо, Лёш!
это всегда пожалуйста))
Спасибо. Недавно начал изучать фигму и думал, что она очень сложная и вообще за гранью понимания, но благодаря твоим роликам, непосильные вещи становятся в разы легче.
да, все сильно проще чем кажется) особенно когда на реальных примерах показано, а не на каких-то прямоугольниках))
И отдельное спасибо за "сжатые" уроки, можно сказать - без воды.
пожалуйста)
Старые уроки в нескольких частях пересматривала 3 раза, кажется, и новый урок тоже посмотрела и еще пересмотрю) Спасибо!
супер! спасибо за просмотр!
Про overrides это что-то новенькое 🤩 и отдельное спасибо за очередную полезную серию лайфхаков😎🔥
это всегда пожалуйста)
Алексей огонь. Не на каждом платном курсе встретишь такое объяснение. Конечно я подписался. Лайк и подписка.
Спасибо за подписку!
Полезный ролик, можно быстро найти ответ через тайм коды. Здорово, что показываешь как работать с компонентами на реальных примерах!
Супер)
Ураа, долгожданные компоненты! Сразу лайк )) пока еще не посмотрела, но к вечеру обязательно ) Спасибо, Алексей!
🚀🚀🚀 супер
Так много нового узнала! Это просто один из самых полезных уроков курса👏🏻
ого, круто!
Вообще не представляю как раньше дизайнеры справлялись без компонентов. Это настоящее спасение. Спасибо большое за ролик. Лайк
100%
Леша, спасибо большое за информацию, уроки нереально крутые, круче чем многие платные курсы у некоторых :D
очень рад!
11:53 Это же гениально)) Не знала про этот способ, круто👍🏻
супер) 🚀
Алексей, обожаю ваши туторы, такой вы душевный
🥹🤭
единственный канал, на котором вемя летит быстро, а еще без конспекта не обойтись. Спасибо за лайфхаки и бесплатный доступ к информации))
рад, что полезно
Спасибо за видео, очень полезно, доступно и как всегда весело и интересно)) тема для меня очень сложная, но буду разбираться, а твои ролики очень помогут!
пожалуйста!
Просто на одном дыхании. Спасибо за супер полезный контент!!!
супер) спасибо за просмотр!
Как все чётенько и понятно! Люблю компоненты и уникальную подачу Алексея))
очень рад!
твое лицо, когда отдал объемный проект и он сделан без компонентов.... спасибо, очень информативно!
Да, надо пользоваться компонентами!
Спасибо, даже здесь что-то новое для себя подчерпнула😀 А то я уже успела подумать, что про компоненты я уж наверняка знаю все-все🤣
)) круто, спасибо за столько комментариев!
Когда в английский не очень то интерфейс пугает , боишься что-нибудь сломать ) Очень рада, что есть такие ролики. Благодаря тебе узнала о компонентах) 🔥🔥🔥
спасибо за просмотр)
Всегда когда что-то где-то не понимаешь знаю куда можно обратиться! Спасибо за видео и твой труд! 🔥
Спасибо за просмотр)
У меня мозг закипает от количества информации выдаваемой за секунду, но главное что всё понятно, огонь!
рад, что понятно)
Теперь я разделяю твою любовь к компонентам=) Это же чудо чудесное,значительно упрощает работу!Спасибо за доходчивое объяснение, как всегда все четко и по полочкам!
отличные новости))
Безумно рада, что вас нашла! Спасибо за информацию и ПОЗИТИВ (обожаю прям)!!!!Каждый день по вашим урокам занимаюсь и всё складывается! Интерес только растёт!
Еееее спасибо за подписку ❤️
Спасибо тому, кто придумал компоненты, а тебе спасибо за легкую и приятную подачу информации!
Спасибо за просмотр)
Уважаемому автору видео-уроков, выражаю благодарность от всей души! Инкапсуляция и наследование в ООП можно наглядно изучать именно по Вашим проектам в Фигме. Кроме прочего приятно смотреть как Вы щедро делитесь опытом, от которого сильно пригорели лично. Это выявляет в Вас сильную личность. Вы настоящий общественный деятель, который отдает обществу больше, чем получает взамен. Успехов Вам в труде, здоровья и благополучия!
спасибо! Приятно 🥹
Как оказывается все просто и легко)) спасибо, очень классное видео!
Супер, пожалуйста!
Ещё не посмотрел, но лайк уже стоит💫👌
То чувство, когда знаешь, что 100% будет годнота, мерси за видео 🖤
круто, спасибо!
Как обычно. максимум инфы, минимум воды. Все интересно и понятно, спасибо!))
супер
9 чудо света , они же компоненты!))
Перезапуск курса еще лучше предыдущего! Спасибо большое за твой труд! Это гениально!
Пожалуйста) было бы странно делать хуже 😅
Какой прекрасный курс!!😍 Спасибо за всё его создателю, и отдельное спасибо за чувство юмора😍😍
обязательно передам))
Не знала что можно накуралесить в копии и применить это к мастеру, круто! Ну и бонус джопа конечно навевает привязочные воспоминания)))
клево) 🚀
Скажу честно, я это видео смотрела по 1000 раз но только сейчас поняла на практике. Спасибо!
пожалуйста)
Очень понятное и полезное видео!) Спасибо большое тебе за твой труд) Компоненты ускоряют и облегчают работу)
очень рад)
Видеоролик как всегда на высоте, автору канала спасибо)
Супер) Спасибо за просмотр!
Вроде бы уже на 100% знаешь фигму, но с каждым новым роликом Алексея этот факт опровергается 😅
круто))
Добрый день Алексей!
Вы реально круты, с одной стороны интонация вашего голоса не дает заснуть, а с другой стороны надо по 2 раза пересматривать чтобы ничего не пропустить🤣
привет. Рад, что нравится))
Спасибо, что так подробно все рассказал. Самый лучший ролик про компоненты, который я видела.
очень рад!
Пересмотрела ещё раз видос, спасибо за полезную инфу🔥 хорошо, что всегда можно открыть видео и обновить знания💪🏻
отличный план))
Ты спас меня от слёз 😄
Спасибо огромное, добрый человек! Лучше обучалок не встречала) Пошла смотреть всё остальное!)
Пожалуйста))
В этом ролике просто море полезностей! Спасибо за все классные лайфхаки!
пожалуйста)!
Как всегда, очень полезный урок. Компоненты - наше все!!
100%
Спасибо за твои ролики) даже если думаешь , что уже все про компоненты знаешь- посмотришь ролик- и все равно узнаешь новое) я вот не знала что через три точки можно вернуть конкретное свойство дочернего компонента, всегда возвращала все сразу( а теперь вот знаю))
пожалуйста!
Как всегда, отличный урок! Спасибо вам большое)
супер, пожалуйста!
Дуже круто! Величезне спасибі за якісний контент і за безцінні знання!
Пожалуйста)
Компоненты - это лучшее, что придумало человечество, ахаха) Пересматривала твой ролик несколько раз, чтобы лучше разобраться в них, как обычно всё понятно и без лишней информации, ещё и с миллионом лайфхаков и практическими примерами)
Спасибо за пересмотр)
Я и без компонентов делал вид, что работа занимает больше времени, но с ними теперь вообще заживу) Спасибо, что сделал акцент на главной сути, тоесть когда применять: больше двух - делай компонент)
да, все что больше двух раз -- сразу в компонент! 😄
ну ты даешь))