О Боже! наконец-то я нашла толковое "разжевывание" материала!🤩Огонь! Вот как надо подавать информацию в платных курсах! Учитесь! Очень доходчивое и понятное объяснение и приятно слушать! Спасибо огромное!!!!! P.S комбинации для винды или Мак были?
Один из наилучших уроков по компонентам среди ру и зарубежных, разобралась за 40 минут с паузами и практикой, в моих платных курсах такого подхода даже близко нет, очень рекомендую
Обычно смотрю видео со скоростью, увеличенной в 2 раза. Но Ваше, кажется, придется в 2 раза замедлить🤣. Столько инфы новой! Спасибо, что очень подробно и БЕЗ ВОДЫ все рассказываете!)
Лучшее видео про компоненты. Вчера столкнулся с тем что не могу добавлять иконки и фото в дочерные компоненты, кучу видео перерыл, одна хрень везде от "псевдо дизайнеров", через пень-колоду научились делать и других учат делать ошибки Ты все подробно и четко объяснил. Лайк и подписка
Я, как новичок в восторге от данного видео! Все понятно, без лишней воды, доступным языком! Огромное Вам спасибо за урок и за Ваш труд! Я сейчас в данный момент учусь на веб-дизайнера, и честно говоря в шоке от обучения, т.к. для новичков не доступно объясняют, что приходиться каждое видео, действия, сленги... гуглить. И из куча видео, это самое доступное для обучения! Благодаря Вам, я разобралась в шайтан-компонентах!
@@study_kvo а можно вопрос? поменялся интерфейс в Фигме, а лекции по записи и там со старой версией. И сейчас проходим компоненты, и препод выделяет мастер компонент и нажимает "ad new property", в новой фигме не могу найти эту функцию, и чем больше копаюсь, тем больше падаю в яму((((
Чел, спасибо! Ты крутой! Искал как удалить мастер-компонент, и ты единственный, кто сказал как это сделать. Нижайший поклон, лайк, подписка, комментарий и вдумчивый просмотр всех видосов на канале!
Нравится четкая и быстрая артикуляция) А ещё то, что ты несколько раз повторяешь как и что делать) Для меня, человека до которого туго доходит, самое то) Дякую)
Огромное спасибо за видео! Все четко, понятно, без лишней воды. Очень насыщенно и по делу :) Несколько раз пересматривал, повторял. Все получилось:) Однозначно в закладки на будущее! Всего несколько дней изучаю Фигму, а уже многому научился))
Спасибо вам за этот и второй уроки по компонентам❤ Вы здорово помогли с ними разобраться☺ а есть ли у вас подобные уроки с объяснением по auto-layout? очень бы хотелось посмотреть и поучиться именно по вашим урокам👀
Спасибо большое за это видео!☀Очень клевая подача материала:) Появился вопрос, если в проекте используется одна иконка разных размеров, правильно ли я понимаю, что для этого нужно будет создавать отдельный мастер для каждого размера иконки? Ведь, при оборачивании иконки в фрейм и использовании как компонента в разных местах, ее потом невозможно скейлить.
Если иконка векторная, достаточно одного мастер-компонента. При необходимости выбирайте инструмент Scale (клавиша К) и меняйте масштаб. Главное, чтобы не было дробных значений. В отдельных случаях можно заранее сделать компоненты и указать в названиях размер. Например: Icons / 64 / … Или Icons / 32 / …
По опыту могу сказать, иногда удобнее вариантов использовать "чипы", т. е. куски компонентов, которые переиспользуются между похожими компонентами. Такая архитектура не заложена в фирму, но для некоторых проектов именно так делать оптимально.
@@study_kvo да, наверно я неточно выразился. Делать-то конечно можно, я и делаю, но идеологически предполагаются стандалоновые, не связанные компоненты либо варианты...
Спасибо огромное за это видео! Очень понятное и подробное объяснение всех нюансов. Я за 25 минут из полной буратины, не понимающей, как работают компоненты - превратилась в вполне себе соображающего человека😀 Повторяла всё за вами, ставя на паузу)) всё получилось, радости полные штаны 😅 А еще у вас классная подача, отличная дикция, слушать и смотреть приятно. Лайкосик и подписка однозначно) Побежала смотреть вторую часть))
@@study_kvo спасибо, буду пробовать. В прошлый раз пробовал как вы говорите, но фото уже использовалось в другой карточке и при таком копировании фото обрезалось по краям этой старой карточки.
А что за марафон по UX/UI дизайну на обложке канала? В ссылках ничего не нашла Помню, что был под каким-то видео сайт с курсами, но сейчас не могу найти
Спасибо за видео! Возможно пропустил, но небольшой вопросик: к примеру, в проекте есть базовые цвета, штук 6. Можно ли ими также стилизовать экземпляры компонентов или следует также создавать мастер-компоненты?
В процессе работы столкнулся с различными вариантами компонентов, и хотелось бы разобраться с такими настройками как documentation, и более гибкая работа с properties🙈 но я так понимаю это уже будет в следующих роликах?
Саня, у меня вопрос. У меня есть компонент боттом-щита, у него хедер и кнопки снизу одинаковые, но меняется контент боттом-щита, можно ли сделать компонент боттома и менять контент без детача самого боттом-щита, такое же в модалках, где хедер и кнопки одинаковые а контент разный
Такой вопрос: Фигма умеет генерировать из мокапов Storyboard или Xib Для XCode или Xaml для MAUI? Было бы здорово генерировать готовый скрин в среде разработки. Разработчикам это сэкономило бы кучу времени.
В этом уроке рассмотрели отдельно компоненты, а варианты разберём отдельно. Но после того, как в компонентах появились свойства, чаще всего можно ограничиться ими. Меньше сущностей, а результат тот же)
@@study_kvo я понимаю, но база есть? например я хочу взять заказ на фрилансе и отдать клиенту на просмотр, или отдать после прогона через тильду, нужна основа, а мелкими фишками по дизайну и анимации и так весь ютуб завален уже (
С появлением свойств у обычных компонентов, варианты стали избыточными для ежедневной работы. Но для крупных юай-китов и дизайн-систем резонно их использовать)
@@study_kvo сейчас же есть возможность добавлять свойства компонентов и переключать их в инстансах, получается вложенные компоненты можно не использовать? Немного запутался: есть варианты, вложенные компоненты и свойства компонентов, что из них используется чаще всего и где?
@@СобакаУлыбака-т1в Вложенные компоненты используем, если хотим засунуть один компонент внутрь другого. Это целесообразно, если они используются в макете также по-отдельности, а не только вместе. Свойства компонентов используем почти всегда, потому что так удобнее менять текстовые формулировки, включать/выключать отдельные составляющие компонента и заменять вложенный компонент (если он есть). А варианты используем, если у одного и того же элемента десятки или сотни версий. Например: кнопка большая/маленькая/средняя, с иконкой/без иконки, доступная/недоступная, для светлой темы/для темной. Такой набор. всевозможных комбинаций даст полсотни версий, тут варианты будут в самый раз) На днях выйдет урок про Variants.
Я пока только одно не понял: пусть у нас 10 однотипных "мастер-компонентов" Text field в разных состояниях (active, disabled, default и т.д.). И вдруг требуется изменить скажем радиус скругления. У всех 10-ти компонентов надо менять радиус вручную? Иными словами, есть ли "супер-мастер" для группы однотипных "мастер-компонентов"? 🙂
Супер-мастера для мастер-компонентов нет. Здесь уже придётся вручную) И для таких объемных вариантов будет удобно использовать Вэриантс. О них во второй части как раз: ua-cam.com/video/vXe3LvlIdQQ/v-deo.html
О Боже! наконец-то я нашла толковое "разжевывание" материала!🤩Огонь! Вот как надо подавать информацию в платных курсах! Учитесь! Очень доходчивое и понятное объяснение и приятно слушать! Спасибо огромное!!!!! P.S комбинации для винды или Мак были?
Один из наилучших уроков по компонентам среди ру и зарубежных, разобралась за 40 минут с паузами и практикой, в моих платных курсах такого подхода даже близко нет, очень рекомендую
🙌🙌 спасибо
Плюсую. такая же история
Обычно смотрю видео со скоростью, увеличенной в 2 раза. Но Ваше, кажется, придется в 2 раза замедлить🤣. Столько инфы новой! Спасибо, что очень подробно и БЕЗ ВОДЫ все рассказываете!)
Спасибо большое 😁❤️
Лучшее видео про компоненты. Вчера столкнулся с тем что не могу добавлять иконки и фото в дочерные компоненты, кучу видео перерыл, одна хрень везде от "псевдо дизайнеров", через пень-колоду научились делать и других учат делать ошибки
Ты все подробно и четко объяснил. Лайк и подписка
Спасибо 🤝🤝
сейчас 4 утра, смотрю это видео и очень сильно радуюсь, так как измучилась нереально. СПАСИБО ОГРОМНОЕ!!!!🤩
Очень круто 🔥🔥
Наверное, первый человек, кто объяснил, как менять картинку в компоненте) Класс) Все объясняют на простых примерах, а тут прям все детально)) Браво!)
🙌🙌
Я, как новичок в восторге от данного видео! Все понятно, без лишней воды, доступным языком! Огромное Вам спасибо за урок и за Ваш труд! Я сейчас в данный момент учусь на веб-дизайнера, и честно говоря в шоке от обучения, т.к. для новичков не доступно объясняют, что приходиться каждое видео, действия, сленги... гуглить. И из куча видео, это самое доступное для обучения! Благодаря Вам, я разобралась в шайтан-компонентах!
Спасибо за обратную связь ❤️ Рад, что было полезно! Скоро вторая часть))
@@study_kvo а можно вопрос? поменялся интерфейс в Фигме, а лекции по записи и там со старой версией. И сейчас проходим компоненты, и препод выделяет мастер компонент и нажимает "ad new property", в новой фигме не могу найти эту функцию, и чем больше копаюсь, тем больше падаю в яму((((
Без всякой лести, ты лучше всех преподносишь инфу по фигме на ютубе
Спасибо 🙏❤️
@@study_kvo побольше б роликов по figme)))
Чел, спасибо! Ты крутой! Искал как удалить мастер-компонент, и ты единственный, кто сказал как это сделать. Нижайший поклон, лайк, подписка, комментарий и вдумчивый просмотр всех видосов на канале!
Это лучшее перечисление 🤝🤝
🎉🎉🎉 это так , я тоже только тут нашла
Спасибо большое. Целый день мучалась не могла разобраться. Ваше видео очень помогло. Огромнейшее спасибо🔥🔥🔥
Офигенно 🔥🔥
Редко оставляю комментирии, но тут не смогла пройти мимо. Очень интересно слушать, отличные лекторские способности
Спасибо ❤️🙌
Чувак ты реально крут - без воды и сразу в точку 👽
🫶🫶
Огромное спасибо, то что нужно для новичка !
Урок максимально полезный по теме компонентов, наконец то я чувствую, что с темой разобрался. Спасибо!
🔥🔥
более качественного урока на просторах ютуб я найти не смог, очень благодарен автору!
Спасибо ✊✊
из 10 видео про компоненты - ваше самое лучшее!
спасибо, стало намного понятнее!
Спасибо 🫶🫶
Два дня искала настолько подробное видео про компоненты! Спасибо!
🫶🫶
Спасибо за урок ! Ни в одном платном курсе не было такой полезной информации. Все понятно, четко и по делу. ❤❤
Спасибо 🫶 рад, что урок был полезен))
Супер!
подача материала, отсутствие воды, скорость подачи и показ всяких фишичек - все как надо)
Спасибо! Два дня не получалось сделать компоненты с иконками. Наконец все поняла. Вы супер!
Рад помочь ❤️❤️
Ночь, тишина, видео про компоненты...Благодарю за подробное и внятное объяснение непростого материала!👏💫🙂
Кайф ❤️❤️
Вы тоже видение что ему нравиться это дело, таких всегда интересно смотреть, и объяснил очень понятно и доступно❤
Нравится четкая и быстрая артикуляция) А ещё то, что ты несколько раз повторяешь как и что делать) Для меня, человека до которого туго доходит, самое то) Дякую)
❤❤️
Просто лучший! Зависаешь на час, если с практикой! Воды нет, от слова совсем!)
✊✊
Здорово! Переместите себя в нижний левый угол экрана пожалуйста, ведь он все равно пустой)
Крутой урок и супер подача.Спасибо
Спасибо большое! Самый лучший урок по теме
🫶🫶
Блестящее обяснение! У вас талант!!!!
Спасибо за такую структурированную подачу!!! просмотр этого видео помог понять больше, чем обучение за деньги!
🙌🙌
Очень хорошо объяснили, благодарю. Среди большого количества уроков о Фигме, это прям находка. Подписка, лайк🙃
🙌🙌
Спасибо за видео! Очень классно объясняете, почти все видео смотрю, конспектирую, практикую. Жду новых видео с нетерпением!!!
❤️❤️
Как раз то, что мне нужно! Спасибо большое! Все четко разложили по полочкам. Очень полезное видео!
Кайф 🫶🫶
Видео потрясающее! Лаконично и понятно. Одним словом идеально. Спасибо за это!
Спасибо 🫶
Большое спасибо. Очень важный, фундаментальный урок.
Спасибо 🤝
Дякую за урок. Все доступно та зрозуміло.
Господи, спасибо!!! Потрясающие знания!!
Спасибо большое, очень понятно и понравилось. Обожаю смотреть уроки ваши, подача информации топ. 🔝 😊
Спасибо дорогой. Подписался
🤝🤝
Саня, ты крутой мужик, профессионал своего дела! Спасибо за ролик, очень полезный!
😁🙌🙌
Добрый день. Благодарю за видео, очень четко и понятно все объясняете.
🫶🫶
Это видео гораздо информативнее, чем видео на моём обучении за 100к 😬 Даже обидно
Спасибо большое за такой труд❤
❤️❤️
Ну вот у меня тоже видео за 100 касорей а смотрю на UA-cam, т. к реально намеренно нет полноценной информации
Спасибо огромное!! Самое шикарное объяснение о компонентах!!
Спасибо 🙏
Крутой урок, спасибо) Как новичок могу сказать - теперь мне всё понятно) Формат 🔥🔥🔥
Еее ❤️
Ясно, по существу, все ложится плотно и надеюсь надолго :) Спасибо!
🤝🤝
Огромное спасибо за видео! Все четко, понятно, без лишней воды. Очень насыщенно и по делу :) Несколько раз пересматривал, повторял. Все получилось:) Однозначно в закладки на будущее! Всего несколько дней изучаю Фигму, а уже многому научился))
🫶🫶
Смотреть на скорости 0.75 ))
Ого! Как чётко, быстро и понятно! Спасибище!!
Еее ❤️ Вторая часть уже на канале: ua-cam.com/video/vXe3LvlIdQQ/v-deo.html
Благодарю. Очень качественно преподносится информация.
Спасибо 🫶
Браво, очень шустро и понятно!
🙌🙌
Шикарный урок, всё по полочкам! Спасибо! 💥💥
🙌🙌
видео замечательносе, спасибо! ставлю жирный лайк!
Очень крутой урок! Спасибо. Пошла пробовать)
💪💪
Спасибо большое, Александр! Наконец мне хорошо объяснили тему, и варианты решили многие мои проблемы. Чувствую себя супер умной
🔥🔥 супер
Гениальное обяснение!
Спасибо вам за этот и второй уроки по компонентам❤ Вы здорово помогли с ними разобраться☺ а есть ли у вас подобные уроки с объяснением по auto-layout? очень бы хотелось посмотреть и поучиться именно по вашим урокам👀
Скоро сделаем 🫶🫶
Классный урок. большое спасибо
Благодарю за видео! Все четко и понятно, открыла для себя новые фишки с иконками буду использовать! 😍
Кайф 🔥🔥
Было бы круто пройти марафон по созданию сайта или приложения с использованием компонентов и автолайаутов для закрепления материала.
Спасибо большое за такое видео, всё четко и понятно) буду ждать ещё подобные ролики)
❤️❤️
очень полезное видео, крутая и понятная подача. спасибо большое!
И вам спасибо ❤️
Спасибо большое за это видео!☀Очень клевая подача материала:) Появился вопрос, если в проекте используется одна иконка разных размеров, правильно ли я понимаю, что для этого нужно будет создавать отдельный мастер для каждого размера иконки? Ведь, при оборачивании иконки в фрейм и использовании как компонента в разных местах, ее потом невозможно скейлить.
Если иконка векторная, достаточно одного мастер-компонента. При необходимости выбирайте инструмент Scale (клавиша К) и меняйте масштаб. Главное, чтобы не было дробных значений.
В отдельных случаях можно заранее сделать компоненты и указать в названиях размер. Например: Icons / 64 / … Или Icons / 32 / …
@@study_kvo Поняла! Спасибо вам огромное за ответ!)
Ультра полезно! Спасибо!
Cпасибо за урок! с нетерпением жду следующие🔥
Большое спасибо! Замечательно все объяснил, молодец!
🤝🤝
Спасибо Саня! Освежил память
🙌🙌
Это очень круто и доступно! Спасибо!!
это просто вау! спасибо!♥
🔥🔥
Как круто с удовольствием все повторила :) благодарю
Кайф 🙌🙌
Спасибо за полезный ролик
По опыту могу сказать, иногда удобнее вариантов использовать "чипы", т. е. куски компонентов, которые переиспользуются между похожими компонентами. Такая архитектура не заложена в фирму, но для некоторых проектов именно так делать оптимально.
Почему же, в Фигме можно делать компоненты, вложенные в другие компоненты - как раз подходит под описание.
@@study_kvo да, наверно я неточно выразился. Делать-то конечно можно, я и делаю, но идеологически предполагаются стандалоновые, не связанные компоненты либо варианты...
Спасибо большое!
◆ Проект из урока: design-figma.ru/md/youtube_files
◆ Телеграм: t.me/study_kvo
◆ ВКонтакте: vk.com/study_kvo
◆ Плагин: www.figma.com/community/plugin/820118309664775643
Проду хотим))
Me gusta mucho esta video✌ gracias
Спасибо огромное за это видео! Очень понятное и подробное объяснение всех нюансов. Я за 25 минут из полной буратины, не понимающей, как работают компоненты - превратилась в вполне себе соображающего человека😀 Повторяла всё за вами, ставя на паузу)) всё получилось, радости полные штаны 😅 А еще у вас классная подача, отличная дикция, слушать и смотреть приятно. Лайкосик и подписка однозначно) Побежала смотреть вторую часть))
Спасибо 🫶🫶
очень хорошее видео , класс =)
Отличное видео. Как менять фотографию в компоненте если она уже внутри файла фигмы? чтобы не загружать с пк.
Можно закинуть её в Фигму, выделить и нажать Ctrl+Alt+C, затем выделить фото в экземпляре компонента и нажать Ctrl+Alt+V
@@study_kvo спасибо, буду пробовать. В прошлый раз пробовал как вы говорите, но фото уже использовалось в другой карточке и при таком копировании фото обрезалось по краям этой старой карточки.
побольше б таких хороших видео
🤝🤝
Спасибо))) Очень доступно и понятно!
Автолейаут самое сложное для меня)
А что за марафон по UX/UI дизайну на обложке канала? В ссылках ничего не нашла
Помню, что был под каким-то видео сайт с курсами, но сейчас не могу найти
Трёхдневный интенсив. Ещё успеваете принять участие бесплатно: t.me/study_kvo
@@study_kvo спасибо 💛💛💛
Спасибо за видео! Возможно пропустил, но небольшой вопросик: к примеру, в проекте есть базовые цвета, штук 6. Можно ли ими также стилизовать экземпляры компонентов или следует также создавать мастер-компоненты?
Да, без проблем. Экземпляры можно кастомизировать по цвету)
В процессе работы столкнулся с различными вариантами компонентов, и хотелось бы разобраться с такими настройками как documentation, и более гибкая работа с properties🙈 но я так понимаю это уже будет в следующих роликах?
Верно 🙌🙌
Как сделать билет в адаптивном дизайне компонентом? С применением abstract эффекта, кто то может подсказать?
Спасибо)
Саня, у меня вопрос. У меня есть компонент боттом-щита, у него хедер и кнопки снизу одинаковые, но меняется контент боттом-щита, можно ли сделать компонент боттома и менять контент без детача самого боттом-щита, такое же в модалках, где хедер и кнопки одинаковые а контент разный
🔥🔥🔥
ТОП 🔥🔥🔥
изображения круто загружать в один компонент и прятать. После копирования компонента просто отображать нужный. Надеюсь поняли
Такой вопрос: Фигма умеет генерировать из мокапов Storyboard или Xib Для XCode или Xaml для MAUI?
Было бы здорово генерировать готовый скрин в среде разработки. Разработчикам это сэкономило бы кучу времени.
Никогда не интересовался этим вопросом, но не удивлюсь, если есть парочка плагинов, которые позволят это сделать.
Здравствуйте, а почему вы не пользуетесь вариантами? Разве так не легче? Или данный вариант более удобный? Хочу уточнить чтоб знать🙂
В этом уроке рассмотрели отдельно компоненты, а варианты разберём отдельно. Но после того, как в компонентах появились свойства, чаще всего можно ограничиться ими. Меньше сущностей, а результат тот же)
привет, а курс по фигме уже законченный? или до сих пор выкладываешь уроки?
Он никогда не закончится, Фигма меняется очень часто)
@@study_kvo я понимаю, но база есть? например я хочу взять заказ на фрилансе и отдать клиенту на просмотр, или отдать после прогона через тильду, нужна основа, а мелкими фишками по дизайну и анимации и так весь ютуб завален уже (
Можно ли делать тоже самое только через варианты? какой способ проще и чаще используется?
С появлением свойств у обычных компонентов, варианты стали избыточными для ежедневной работы. Но для крупных юай-китов и дизайн-систем резонно их использовать)
@@study_kvo сейчас же есть возможность добавлять свойства компонентов и переключать их в инстансах, получается вложенные компоненты можно не использовать? Немного запутался: есть варианты, вложенные компоненты и свойства компонентов, что из них используется чаще всего и где?
@@СобакаУлыбака-т1в Вложенные компоненты используем, если хотим засунуть один компонент внутрь другого. Это целесообразно, если они используются в макете также по-отдельности, а не только вместе. Свойства компонентов используем почти всегда, потому что так удобнее менять текстовые формулировки, включать/выключать отдельные составляющие компонента и заменять вложенный компонент (если он есть). А варианты используем, если у одного и того же элемента десятки или сотни версий. Например: кнопка большая/маленькая/средняя, с иконкой/без иконки, доступная/недоступная, для светлой темы/для темной. Такой набор. всевозможных комбинаций даст полсотни версий, тут варианты будут в самый раз) На днях выйдет урок про Variants.
@@study_kvo понял спасибо
Спасибо!!!!!!!!!
🙌🙌
пятый раз пересматриваю)
С тебя пять лайков получается 😁
Я пока только одно не понял: пусть у нас 10 однотипных "мастер-компонентов" Text field в разных состояниях (active, disabled, default и т.д.). И вдруг требуется изменить скажем радиус скругления. У всех 10-ти компонентов надо менять радиус вручную? Иными словами, есть ли "супер-мастер" для группы однотипных "мастер-компонентов"? 🙂
Супер-мастера для мастер-компонентов нет. Здесь уже придётся вручную) И для таких объемных вариантов будет удобно использовать Вэриантс. О них во второй части как раз: ua-cam.com/video/vXe3LvlIdQQ/v-deo.html
@@study_kvo Понял, спасибо. Я как раз запланировал посмотреть и 2-ю часть. У вас прекрасная подача материала, благодарю за видео!
Спасибо большое!
👍
1000 лайков!
1:00 AutoLayout'ом это сделать нельзя?
Конечно можно ✊ В уроке на AL не отвлекались, чтобы разобраться точечно в компонентах. За Auto layout сюда:
ua-cam.com/video/AP2hGnwgfbY/v-deo.html
Cool💥💥