Компоненты в Фигме. Вложенные компоненты, свойства компонентов в Figma

[@alferash]

О Боже! наконец-то я нашла толковое "разжевывание" материала!🤩Огонь! Вот как надо подавать информацию в платных курсах! Учитесь! Очень доходчивое и понятное объяснение и приятно слушать! Спасибо огромное!!!!! P.S комбинации для винды или Мак были?

[@mgtght]

Один из наилучших уроков по компонентам среди ру и зарубежных, разобралась за 40 минут с паузами и практикой, в моих платных курсах такого подхода даже близко нет, очень рекомендую

[@study_kvo]

🙌🙌 спасибо

[@ralunaD]

Плюсую. такая же история

[@по_зернышку_по_семечку]

Обычно смотрю видео со скоростью, увеличенной в 2 раза. Но Ваше, кажется, придется в 2 раза замедлить🤣. Столько инфы новой! Спасибо, что очень подробно и БЕЗ ВОДЫ все рассказываете!)

[@study_kvo]

Спасибо большое 😁❤️

[@СветланаПетрова-б1ф]

Я, как новичок в восторге от данного видео! Все понятно, без лишней воды, доступным языком! Огромное Вам спасибо за урок и за Ваш труд! Я сейчас в данный момент учусь на веб-дизайнера, и честно говоря в шоке от обучения, т.к. для новичков не доступно объясняют, что приходиться каждое видео, действия, сленги... гуглить. И из куча видео, это самое доступное для обучения! Благодаря Вам, я разобралась в шайтан-компонентах!

[@study_kvo]

Спасибо за обратную связь ❤️ Рад, что было полезно! Скоро вторая часть))

[@СветланаПетрова-б1ф]

@@study_kvo а можно вопрос? поменялся интерфейс в Фигме, а лекции по записи и там со старой версией. И сейчас проходим компоненты, и препод выделяет мастер компонент и нажимает "ad new property", в новой фигме не могу найти эту функцию, и чем больше копаюсь, тем больше падаю в яму((((

[@dmytro_hela]

Лучшее видео про компоненты. Вчера столкнулся с тем что не могу добавлять иконки и фото в дочерные компоненты, кучу видео перерыл, одна хрень везде от "псевдо дизайнеров", через пень-колоду научились делать и других учат делать ошибки Ты все подробно и четко объяснил. Лайк и подписка

[@study_kvo]

Спасибо 🤝🤝

[@anrYReds]

Без всякой лести, ты лучше всех преподносишь инфу по фигме на ютубе

[@study_kvo]

Спасибо 🙏❤️

[@anrYReds]

@@study_kvo побольше б роликов по figme)))

[@azrailtesla8164]

Чел, спасибо! Ты крутой! Искал как удалить мастер-компонент, и ты единственный, кто сказал как это сделать. Нижайший поклон, лайк, подписка, комментарий и вдумчивый просмотр всех видосов на канале!

[@study_kvo]

Это лучшее перечисление 🤝🤝

[@yunayaroshuk]

🎉🎉🎉 это так , я тоже только тут нашла

[@stasgushchin4568]

Наверное, первый человек, кто объяснил, как менять картинку в компоненте) Класс) Все объясняют на простых примерах, а тут прям все детально)) Браво!)

[@study_kvo]

🙌🙌

[@sviatlanatsiarentsyeva5205]

Редко оставляю комментирии, но тут не смогла пройти мимо. Очень интересно слушать, отличные лекторские способности

[@study_kvo]

Спасибо ❤️🙌

[@myswblife]

более качественного урока на просторах ютуб я найти не смог, очень благодарен автору!

[@study_kvo]

Спасибо ✊✊

[@rybalevskyi]

Нравится четкая и быстрая артикуляция) А ещё то, что ты несколько раз повторяешь как и что делать) Для меня, человека до которого туго доходит, самое то) Дякую)

[@study_kvo]

❤❤️

[@dar632]

Супер! подача материала, отсутствие воды, скорость подачи и показ всяких фишичек - все как надо)

[@farhadsamadov3598]

Чувак ты реально крут - без воды и сразу в точку 👽

[@study_kvo]

🫶🫶

[@yarovaya]

Спасибо! Два дня не получалось сделать компоненты с иконками. Наконец все поняла. Вы супер!

[@study_kvo]

Рад помочь ❤️❤️

[@tayazaichik9052]

Крутой чел! Все по полочкам и без воды!

[@evgenmirniy505]

Огромное спасибо, то что нужно для новичка !

[@sergeyparubets3236]

Урок максимально полезный по теме компонентов, наконец то я чувствую, что с темой разобрался. Спасибо!

[@study_kvo]

🔥🔥

[@ЮлияКуприянова-д9н]

Ночь, тишина, видео про компоненты...Благодарю за подробное и внятное объяснение непростого материала!👏💫🙂

[@study_kvo]

Кайф ❤️❤️

[@gulnarkassym1069]

сейчас 4 утра, смотрю это видео и очень сильно радуюсь, так как измучилась нереально. СПАСИБО ОГРОМНОЕ!!!!🤩

[@study_kvo]

Очень круто 🔥🔥

[@ЮлияЛавриненко-х1ц]

из 10 видео про компоненты - ваше самое лучшее! спасибо, стало намного понятнее!

[@study_kvo]

Спасибо 🫶🫶

[@ralunaD]

Спасибо большое. Целый день мучалась не могла разобраться. Ваше видео очень помогло. Огромнейшее спасибо🔥🔥🔥

[@study_kvo]

Офигенно 🔥🔥

[@veneralemur]

Два дня искала настолько подробное видео про компоненты! Спасибо!

[@study_kvo]

🫶🫶

[@berezhnaiakris]

Очень хорошо объяснили, благодарю. Среди большого количества уроков о Фигме, это прям находка. Подписка, лайк🙃

[@study_kvo]

🙌🙌

[@ЛенаИсаева-щ4ъ]

Спасибо за видео! Очень классно объясняете, почти все видео смотрю, конспектирую, практикую. Жду новых видео с нетерпением!!!

[@study_kvo]

❤️❤️

[@liliyaStorogenko-p9w]

Дякую за урок. Все доступно та зрозуміло.

[@lokuzumi]

Видео потрясающее! Лаконично и понятно. Одним словом идеально. Спасибо за это!

[@study_kvo]

Спасибо 🫶

[@ДарьяАлексеева-ж3ь]

Спасибо за такую структурированную подачу!!! просмотр этого видео помог понять больше, чем обучение за деньги!

[@study_kvo]

🙌🙌

[@CalmDesigner]

Крутой урок и супер подача.Спасибо

[@vitek12321]

Огромное спасибо за видео! Все четко, понятно, без лишней воды. Очень насыщенно и по делу :) Несколько раз пересматривал, повторял. Все получилось:) Однозначно в закладки на будущее! Всего несколько дней изучаю Фигму, а уже многому научился))

[@study_kvo]

🫶🫶

[@TonyHanin]

Большое спасибо. Очень важный, фундаментальный урок.

[@study_kvo]

Спасибо 🤝

[@stavrovnick]

Спасибо большое! Самый лучший урок по теме

[@study_kvo]

🫶🫶

[@juilli8522]

Спасибо за урок ! Ни в одном платном курсе не было такой полезной информации. Все понятно, четко и по делу. ❤❤

[@study_kvo]

Спасибо 🫶 рад, что урок был полезен))

[@prokoshartys]

Вы тоже видение что ему нравиться это дело, таких всегда интересно смотреть, и объяснил очень понятно и доступно❤

[@irinatarasova5687]

Спасибо огромное!! Самое шикарное объяснение о компонентах!!

[@study_kvo]

Спасибо 🙏

[@alexnero4585]

Ясно, по существу, все ложится плотно и надеюсь надолго :) Спасибо!

[@study_kvo]

🤝🤝

[@kaialien5064]

Саня, ты крутой мужик, профессионал своего дела! Спасибо за ролик, очень полезный!

[@study_kvo]

😁🙌🙌

[@yuri.moiseyev]

Блестящее обяснение! У вас талант!!!!

[@liliya5930]

Как раз то, что мне нужно! Спасибо большое! Все четко разложили по полочкам. Очень полезное видео!

[@study_kvo]

Кайф 🫶🫶

[@ritaart3661]

Господи, спасибо!!! Потрясающие знания!!

[@katyakovaa]

Спасибо большое за такое видео, всё четко и понятно) буду ждать ещё подобные ролики)

[@study_kvo]

❤️❤️

[@VinnyGretta]

Спасибо большое, очень понятно и понравилось. Обожаю смотреть уроки ваши, подача информации топ. 🔝 😊

[@plrchk]

Крутой урок, спасибо) Как новичок могу сказать - теперь мне всё понятно) Формат 🔥🔥🔥

[@study_kvo]

Еее ❤️

[@foxydoxydesign]

Шикарный урок, всё по полочкам! Спасибо! 💥💥

[@study_kvo]

🙌🙌

[@КристинаКулябина-л8ю]

очень полезное видео, крутая и понятная подача. спасибо большое!

[@study_kvo]

И вам спасибо ❤️

[@ikaiv1506]

Ого! Как чётко, быстро и понятно! Спасибище!!

[@study_kvo]

Еее ❤️ Вторая часть уже на канале: kzbin.info/www/bejne/rInIZH-soa6Xh7M

[@ivanvodonaev3957]

Благодарю. Очень качественно преподносится информация.

[@study_kvo]

Спасибо 🫶

[@IvanIvanov-ft9or]

Просто лучший! Зависаешь на час, если с практикой! Воды нет, от слова совсем!)

[@study_kvo]

✊✊

[@KseniiaZugan]

Очень крутой урок! Спасибо. Пошла пробовать)

[@study_kvo]

💪💪

[@comitascomitas1964]

Браво, очень шустро и понятно!

[@study_kvo]

🙌🙌

[@DarlixSlee]

Спасибо большое, Александр! Наконец мне хорошо объяснили тему, и варианты решили многие мои проблемы. Чувствую себя супер умной

[@study_kvo]

🔥🔥 супер

[@tastytea4282]

Информация немного устарела из-за изменений в интерфейсе, но все равно очень хорошо объяснено. Спасибо за труд!

[@study_kvo]

◆ Проект из урока: design-figma.ru/md/youtube_files ◆ Телеграм: t.me/study_kvo ◆ ВКонтакте: vk.com/study_kvo ◆ Плагин: www.figma.com/community/plugin/820118309664775643

[@alexandragrudko5261]

Cпасибо за урок! с нетерпением жду следующие🔥

[@МарияДолженкова-о9б]

Добрый день. Благодарю за видео, очень четко и понятно все объясняете.

[@study_kvo]

🫶🫶

[@ТатьянаСолгалова-г9с]

Супер понятно)) спсибо за урок))

[@study_kvo]

🫶🫶

[@KseniaKurdyapina]

Благодарю за видео! Все четко и понятно, открыла для себя новые фишки с иконками буду использовать! 😍

[@study_kvo]

Кайф 🔥🔥

[@jelly_bean-l3m]

видео замечательносе, спасибо! ставлю жирный лайк!

[@kseniyakseniya2400]

Это видео гораздо информативнее, чем видео на моём обучении за 100к 😬 Даже обидно Спасибо большое за такой труд❤

[@study_kvo]

❤️❤️

[@Un_caffe_per_favore]

Ну вот у меня тоже видео за 100 касорей а смотрю на KZbin, т. к реально намеренно нет полноценной информации

[@nasteadiak]

Это очень круто и доступно! Спасибо!!

[@spoolaye]

Ультра полезно! Спасибо!

[@СерёгаМит-о3ь]

Спасибо дорогой. Подписался

[@study_kvo]

🤝🤝

[@samatissatov5897]

Классный урок. большое спасибо

[@matteriya6637]

Как круто с удовольствием все повторила :) благодарю

[@study_kvo]

Кайф 🙌🙌

[@sendez]

Большое спасибо! Замечательно все объяснил, молодец!

[@study_kvo]

🤝🤝

[@mang0type]

Спасибо вам за этот и второй уроки по компонентам❤ Вы здорово помогли с ними разобраться☺ а есть ли у вас подобные уроки с объяснением по auto-layout? очень бы хотелось посмотреть и поучиться именно по вашим урокам👀

[@study_kvo]

Скоро сделаем 🫶🫶

[@AGDSGN]

Спасибо Саня! Освежил память

[@study_kvo]

🙌🙌

[@yuri.moiseyev]

Гениальное обяснение!

[@moneybanani]

Спасибо за полезный ролик

[@ТоняКиселёва-э3в]

это просто вау! спасибо!♥

[@study_kvo]

🔥🔥

[@ЕвгенийИзмайлов-н9ю]

очень хорошее видео , класс =)

[@julimoreno384]

Спасибо))) Очень доступно и понятно!

[@moksheen]

Здорово! Переместите себя в нижний левый угол экрана пожалуйста, ведь он все равно пустой)

[@playbeatsz]

Me gusta mucho esta video✌ gracias

[@Nordictt]

Спасибо большое!

[@AleksandrGradus]

Было бы круто пройти марафон по созданию сайта или приложения с использованием компонентов и автолайаутов для закрепления материала.

[@anrYReds]

побольше б таких хороших видео

[@study_kvo]

🤝🤝

[@leralymar]

Спасибо большое за это видео!☀Очень клевая подача материала:) Появился вопрос, если в проекте используется одна иконка разных размеров, правильно ли я понимаю, что для этого нужно будет создавать отдельный мастер для каждого размера иконки? Ведь, при оборачивании иконки в фрейм и использовании как компонента в разных местах, ее потом невозможно скейлить.

[@study_kvo]

Если иконка векторная, достаточно одного мастер-компонента. При необходимости выбирайте инструмент Scale (клавиша К) и меняйте масштаб. Главное, чтобы не было дробных значений. В отдельных случаях можно заранее сделать компоненты и указать в названиях размер. Например: Icons / 64 / … Или Icons / 32 / …

[@leralymar]

@@study_kvo Поняла! Спасибо вам огромное за ответ!)

[@kateksv]

Спасибо огромное за это видео! Очень понятное и подробное объяснение всех нюансов. Я за 25 минут из полной буратины, не понимающей, как работают компоненты - превратилась в вполне себе соображающего человека😀 Повторяла всё за вами, ставя на паузу)) всё получилось, радости полные штаны 😅 А еще у вас классная подача, отличная дикция, слушать и смотреть приятно. Лайкосик и подписка однозначно) Побежала смотреть вторую часть))

[@study_kvo]

Спасибо 🫶🫶

[@vrombo]

По опыту могу сказать, иногда удобнее вариантов использовать "чипы", т. е. куски компонентов, которые переиспользуются между похожими компонентами. Такая архитектура не заложена в фирму, но для некоторых проектов именно так делать оптимально.

[@study_kvo]

Почему же, в Фигме можно делать компоненты, вложенные в другие компоненты - как раз подходит под описание.

[@vrombo]

@@study_kvo да, наверно я неточно выразился. Делать-то конечно можно, я и делаю, но идеологически предполагаются стандалоновые, не связанные компоненты либо варианты...

[@zhelezodesign90]

ТОП 🔥🔥🔥

[@horhegarsia4221]

Смотреть на скорости 0.75 ))

[@morozovux]

Проду хотим))

[@makshate]

🔥🔥🔥

[@Sergii.shchepin]

Как сделать билет в адаптивном дизайне компонентом? С применением abstract эффекта, кто то может подсказать?

[@sollominca]

Спасибо)

[@aimtimtimtim]

Саня, у меня вопрос. У меня есть компонент боттом-щита, у него хедер и кнопки снизу одинаковые, но меняется контент боттом-щита, можно ли сделать компонент боттома и менять контент без детача самого боттом-щита, такое же в модалках, где хедер и кнопки одинаковые а контент разный

[@microlabig4938]

Спасибо за видео! Возможно пропустил, но небольшой вопросик: к примеру, в проекте есть базовые цвета, штук 6. Можно ли ими также стилизовать экземпляры компонентов или следует также создавать мастер-компоненты?

[@study_kvo]

Да, без проблем. Экземпляры можно кастомизировать по цвету)

[@АнатолийСкурыгин-х7и]

В процессе работы столкнулся с различными вариантами компонентов, и хотелось бы разобраться с такими настройками как documentation, и более гибкая работа с properties🙈 но я так понимаю это уже будет в следующих роликах?

[@study_kvo]

Верно 🙌🙌

[@elenakuraeva3619]

А что за марафон по UX/UI дизайну на обложке канала? В ссылках ничего не нашла Помню, что был под каким-то видео сайт с курсами, но сейчас не могу найти

[@study_kvo]

Трёхдневный интенсив. Ещё успеваете принять участие бесплатно: t.me/study_kvo

[@elenakuraeva3619]

@@study_kvo спасибо 💛💛💛

[@nubreakz1]

Отличное видео. Как менять фотографию в компоненте если она уже внутри файла фигмы? чтобы не загружать с пк.

[@study_kvo]

Можно закинуть её в Фигму, выделить и нажать Ctrl+Alt+C, затем выделить фото в экземпляре компонента и нажать Ctrl+Alt+V

[@nubreakz1]

@@study_kvo спасибо, буду пробовать. В прошлый раз пробовал как вы говорите, но фото уже использовалось в другой карточке и при таком копировании фото обрезалось по краям этой старой карточки.

[@July_l]

Спасибо!!!!!!!!!

[@study_kvo]

🙌🙌

[@Insan_sg]

Автолейаут самое сложное для меня)

[@vitek12321]

Такой вопрос: Фигма умеет генерировать из мокапов Storyboard или Xib Для XCode или Xaml для MAUI? Было бы здорово генерировать готовый скрин в среде разработки. Разработчикам это сэкономило бы кучу времени.

[@study_kvo]

Никогда не интересовался этим вопросом, но не удивлюсь, если есть парочка плагинов, которые позволят это сделать.

[@l1acdy]

1:00 AutoLayout'ом это сделать нельзя?

[@study_kvo]

Конечно можно ✊ В уроке на AL не отвлекались, чтобы разобраться точечно в компонентах. За Auto layout сюда: kzbin.info/www/bejne/d4GVmXqkrMyZmLs

[@shafaalimardanova7879]

Здравствуйте, а почему вы не пользуетесь вариантами? Разве так не легче? Или данный вариант более удобный? Хочу уточнить чтоб знать🙂

[@study_kvo]

В этом уроке рассмотрели отдельно компоненты, а варианты разберём отдельно. Но после того, как в компонентах появились свойства, чаще всего можно ограничиться ими. Меньше сущностей, а результат тот же)

[@aharito]

Я пока только одно не понял: пусть у нас 10 однотипных "мастер-компонентов" Text field в разных состояниях (active, disabled, default и т.д.). И вдруг требуется изменить скажем радиус скругления. У всех 10-ти компонентов надо менять радиус вручную? Иными словами, есть ли "супер-мастер" для группы однотипных "мастер-компонентов"? 🙂

[@study_kvo]

Супер-мастера для мастер-компонентов нет. Здесь уже придётся вручную) И для таких объемных вариантов будет удобно использовать Вэриантс. О них во второй части как раз: kzbin.info/www/bejne/rInIZH-soa6Xh7M

[@aharito]

​@@study_kvo Понял, спасибо. Я как раз запланировал посмотреть и 2-ю часть. У вас прекрасная подача материала, благодарю за видео!

[@study_kvo]

Спасибо большое!

[@Алиса-ь4ы5ы]

пятый раз пересматриваю)

[@study_kvo]

С тебя пять лайков получается 😁

[@СобакаУлыбака-т1в]

Можно ли делать тоже самое только через варианты? какой способ проще и чаще используется?

[@study_kvo]

С появлением свойств у обычных компонентов, варианты стали избыточными для ежедневной работы. Но для крупных юай-китов и дизайн-систем резонно их использовать)

[@СобакаУлыбака-т1в]

@@study_kvo сейчас же есть возможность добавлять свойства компонентов и переключать их в инстансах, получается вложенные компоненты можно не использовать? Немного запутался: есть варианты, вложенные компоненты и свойства компонентов, что из них используется чаще всего и где?

[@study_kvo]

@@СобакаУлыбака-т1в Вложенные компоненты используем, если хотим засунуть один компонент внутрь другого. Это целесообразно, если они используются в макете также по-отдельности, а не только вместе. Свойства компонентов используем почти всегда, потому что так удобнее менять текстовые формулировки, включать/выключать отдельные составляющие компонента и заменять вложенный компонент (если он есть). А варианты используем, если у одного и того же элемента десятки или сотни версий. Например: кнопка большая/маленькая/средняя, с иконкой/без иконки, доступная/недоступная, для светлой темы/для темной. Такой набор. всевозможных комбинаций даст полсотни версий, тут варианты будут в самый раз) На днях выйдет урок про Variants.

[@СобакаУлыбака-т1в]

@@study_kvo понял спасибо

[@toyostreet]

привет, а курс по фигме уже законченный? или до сих пор выкладываешь уроки?

[@study_kvo]

Он никогда не закончится, Фигма меняется очень часто)

[@toyostreet]

@@study_kvo я понимаю, но база есть? например я хочу взять заказ на фрилансе и отдать клиенту на просмотр, или отдать после прогона через тильду, нужна основа, а мелкими фишками по дизайну и анимации и так весь ютуб завален уже (

[@lusikshahnubaryan8990]

Cool💥💥