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