Компоненты и варианты компонентов в Figma - полный обзор!

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2024
  • 🔥 Мой авторский курс «Figma с нуля»: 👉 designsweets.c...
    В этом видео мы посмотрим как создавать варианты компонента в Figma и обсудим зачем они нужны, . Компоненты с вариантами в Фигме - чрезвычайно удобная функция, которая поможет вам построить дизайн-систему вашего проекта.
    👉 Бесплатный доступ к исходнику: www.buymeacoff...
    🔗 Мои ссылки:
    Мой канал в телеге: t.me/chyrkovfm
    Мой авторский курс «Figma с нуля»: 👉 designsweets.c...
    Студия: chyrkov.studio
    Behance: www.behance.ne...
    Dribbble: dribbble.com/c...
    Портфолио по фото: sergeichyrkov.com
    🎶 www.epidemicso... - лучший сервис по подбору музыки
    _____________
    #Figma #FigmaTutorial #UXDesign #Webdesign

ความคิดเห็น • 97

  • @vadimrebrov7587
    @vadimrebrov7587 ปีที่แล้ว +5

    Сергей, я посмотрел уже с десяток разных каналов по работе с Фигмой. Есть крутые ребята, которые классно рассказывают, но вы объясняете понятней всего - без спешки и последовательно. Для новичков, вроде меня - это идеальный режим) Спасибо! :)

    • @vadimrebrov7587
      @vadimrebrov7587 ปีที่แล้ว +1

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

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Вадим, спасибо вам большое за приятные слова и отзыв!) это придаёт мотивации!

  • @user-fg1qf7qo5j
    @user-fg1qf7qo5j 2 ปีที่แล้ว +5

    Все понравилось! Контент, скорость, детальность в объяснении, голос, музыка- все отлично! Продолжайте в том же духе!🔥🔥🔥🔥🔥

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว +1

      Спасибо большое за такой приятный отзыв)) рад, что нравится!)

  • @user-ne8sv6bf5k
    @user-ne8sv6bf5k 2 ปีที่แล้ว +6

    Сергей, спасибо большое за ваш канал. Учусь в онлайн школе, но почему-то понятно все только у вас)

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо большое)))) очень приятно получать такие отзывы!))) а что за школа?)

  • @renamardanova7210
    @renamardanova7210 หลายเดือนก่อน

    наконец кто-то объясняет четко и доступно без всякой воды

    • @Chyrkov
      @Chyrkov  หลายเดือนก่อน

      спасибо)

  • @plugngluck
    @plugngluck 2 ปีที่แล้ว +3

    Так коротко и ясно еще ни у кого не видел)

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      рад, что понравилось!))

  • @wpvvifh7219
    @wpvvifh7219 2 ปีที่แล้ว +4

    Ураа, наконец-то поняла, как использовать варианты! Благодарю 🙏🏼🔥

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว +1

      Здорово!)) рад, что помог!)

  • @ruslanaltynbaev3235
    @ruslanaltynbaev3235 ปีที่แล้ว +1

    Mamma mia! Меня учат создавать эти компоненты через одно место, а тут все гораздо проще и доступней! 🤩 Благодарю, Сергей! (и подписываюсь))

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      ☺ спасибо за отзыв!) рад, что все понравилось!)

  • @elenaglushkova7278
    @elenaglushkova7278 ปีที่แล้ว +1

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

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Очень рад, что все получилось!☺️

  • @january_two
    @january_two 2 ปีที่แล้ว +1

    Боже мой, я находила урок, в котором было показано, как это делается через какую-то *опу... Целый интернет-магазин сделала, страдая и мучаясь, в полной уверенности, что компоненты и варианты - это зло. А тут всё так легко оказалось! Спасибо огромное, это видео действительно находка!

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      ххахахах спасибо))) рад, что понравилось и что помог разобраться!)

  • @nadezhda3773
    @nadezhda3773 2 ปีที่แล้ว +1

    Спасибо огромное за хорошее объяснение темы " Компоненты". Очень важная и нужная тема. Жду с нетерпением новых тем.

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо за отзыв!) очень рад, что нравиться!!!)

  • @Владимир-п2ш4ы
    @Владимир-п2ш4ы 2 หลายเดือนก่อน

    Отличное видео про варианты и компоненты. Лучше не нашёл! Спасибо!

    • @Chyrkov
      @Chyrkov  2 หลายเดือนก่อน

      Спасибо! Рад, что понравилось!😉

  • @Passificspring
    @Passificspring 3 ปีที่แล้ว +2

    ЕЕЕЕЕЕЕ - это моя просьба была ))) спасибо! я наконец-то въехал в варианты, благодаря Вам, ура ))

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว +1

      Пожалуйста! Ура!🥳

  • @helenmilenna1779
    @helenmilenna1779 4 หลายเดือนก่อน

    Вы такой умный в этой теме, класс. Обьясняете просто и понятно

    • @Chyrkov
      @Chyrkov  4 หลายเดือนก่อน

      Спасибо большое😅 очень приятно!

  • @plitka_poltava
    @plitka_poltava ปีที่แล้ว +1

    Браво! Вы очень хороший преподаватель, спокойный и доходчиво объясняете. Лайк, подписываюсь!

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Спасибо большое за отзыв!)

  • @Helly93
    @Helly93 2 ปีที่แล้ว +1

    Что за гениальное видео!) спасибо большое! Настолько просто и понятно еще никто не обьяснял)

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо большое за приятный отзыв!)

  • @user-pv9sj5zw9t
    @user-pv9sj5zw9t ปีที่แล้ว +1

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

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      благодарю за отзыв) рад, что вам нравится и полезно!)

  • @Goan_Bombastic
    @Goan_Bombastic ปีที่แล้ว +1

    Твердо и четко) Для меня данная тема закрыта, благодарю.

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Здорово) спасибо)

  • @vikidavis7411
    @vikidavis7411 ปีที่แล้ว +1

    Спасибо вам огромное ❤ решила научиться сама делать перелистывание в figma по видео ничего не получилось, а вы так все подробно объяснили что то чему я училась сразу получилось😊

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว +1

      Спасибо большое за отзыв))) рад, что у вас получается! Успехов!)

  • @lana23ru
    @lana23ru 2 ปีที่แล้ว +1

    Хотелось бы узнать больше "техническую" сторону. Почему нужно нажать или сделать так, а не иначе? Почему нельзя сделать один компонент, а из него варианты? Или так можно? Да и ещё, может есть какие-либо фишки, для ускорения работы? Чтоб практически всем макетом можно было управлять в одном месте. Закидала темами, надеюсь 😁
    У Вас отличные видео и интересные.

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо большое за комментарий и идеи для тем)))) на самом деле все зависит от сложности макетов и проекта. Если это большой портал то конечно есть смысл собирать его из компонентов и стилей. Это экономить ваше время на создание страниц. Если речь о небольшом лендинг по возможно и нет смысла тратить время на создание компонентов так быстрее нарисуете сам лендинг))))

  • @Anima1_World
    @Anima1_World ปีที่แล้ว +1

    Спасибо огромное, ну вот можно же с первого раза сразу понятно объяснить))) лайк

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว +1

      Рад, что было полезно!)

  • @sinobi5253
    @sinobi5253 2 ปีที่แล้ว +1

    The best explanation about components and variants, thank you a lot!!!

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      You are very welcome!:)

  • @dmitriybredikhin2073
    @dmitriybredikhin2073 2 ปีที่แล้ว +1

    Прекрасное видео, а главное все понятно и доходчиво объяснено, однозначно лайк

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо большое за отзыв!) рад, что понравилось!)

  • @dashayu2973
    @dashayu2973 ปีที่แล้ว +1

    Отличный обзор, стало теперь понятнее :) спасибо!

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Рад, что понравилось!☺️

  • @olenanovytska3303
    @olenanovytska3303 2 ปีที่แล้ว +1

    спасибо огромное, Вы-лучший!

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

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

  • @jelchnet
    @jelchnet ปีที่แล้ว +1

    Спасибо! Очень приятная подача информации!

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Спасибо большое! Рад что нравится!

  • @user-uc7qh1kq5h
    @user-uc7qh1kq5h 11 หลายเดือนก่อน +1

    Большое спасибо! Всё получилось - буду пользоваться!

    • @Chyrkov
      @Chyrkov  11 หลายเดือนก่อน

      Здорово) я рад!) удачи!

  • @user-gq4pt5oq4z
    @user-gq4pt5oq4z ปีที่แล้ว +1

    Спасибо Сергей

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Пожалуйста!)

  • @funnkolesiko
    @funnkolesiko 6 หลายเดือนก่อน

    Чувак! Ты - лучший!

    • @Chyrkov
      @Chyrkov  6 หลายเดือนก่อน

      Благодарю 😇

  • @natakarachevtseva9800
    @natakarachevtseva9800 ปีที่แล้ว +1

    Спасибо! Круто и все понятно

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Супер) я рад!)

  • @user-gu2jj3ie1k
    @user-gu2jj3ie1k ปีที่แล้ว +1

    спасибо огромное, наконец-то у меня получилось)

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว +1

      Отлично) я рад!)

  • @user-tj6eg7jd7n
    @user-tj6eg7jd7n 7 หลายเดือนก่อน

    Огромное спасибо что разжевали, наконец-то дошло. Но все же имею еще ступор в правильном названии после обновления.....Улилась по старому, а теперь по новому через год нужно учить ну это темный лес...

    • @Chyrkov
      @Chyrkov  7 หลายเดือนก่อน

      Рад что все получилось!)) за год произошло много обновлений, теперь многие вещи можно делать через variables. Посмотрите у меня на канале другие видео на эту тему

  • @Princess_kotletka
    @Princess_kotletka 2 ปีที่แล้ว +1

    Спасибо огромное, за полезное видео!))))

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Пожалуйста))), рад, что было полезным!)

  • @z1mmex
    @z1mmex 2 ปีที่แล้ว +1

    Спасибо за видео! Очень полезно и понятно

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Пожалуйста!) рад, что понравилось!)

  • @user-sl7cv9kh9s
    @user-sl7cv9kh9s 9 หลายเดือนก่อน

    Благодарю автора.

    • @Chyrkov
      @Chyrkov  9 หลายเดือนก่อน

      Автор вам тоже благодарит)

  • @ekaterinaeroshkina5905
    @ekaterinaeroshkina5905 2 ปีที่แล้ว

    Очень крутое, простое объяснение. Благодарю!

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо большое за отзыв!)

  • @natalya.artist
    @natalya.artist 11 หลายเดือนก่อน +1

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

    • @Chyrkov
      @Chyrkov  11 หลายเดือนก่อน

      Пожалуйста!🤗

  • @xenialrn
    @xenialrn ปีที่แล้ว

    Спасибо! Теперь я все поняла 🙏

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Я рад)

  • @anastasiyakuzmina1475
    @anastasiyakuzmina1475 2 ปีที่แล้ว +1

    Очень полезно! Спасибо большое:)

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо за отзыв!) я рад, что понравилось)

  • @Emily-zx3rp
    @Emily-zx3rp ปีที่แล้ว +1

    Спасибо вам большое за очень познавательное видео!) подскажите, пожалуйста, как создать такой фрейм из двух цветов (темный и светлый)? Я создала 2 фрейма рядом и при превращении в варианты у меня все поплыло

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

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

  • @user-yd4sy5yu6t
    @user-yd4sy5yu6t ปีที่แล้ว

    Мега классный ментор)

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Благодарю!)

  • @ondskapt4059
    @ondskapt4059 2 ปีที่แล้ว +1

    Крутой канал. Продолжайте!

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо, работаем дальше!))))

  • @tomrewin364
    @tomrewin364 ปีที่แล้ว +1

    Спасибо за видео. Но все равно я видимо не очень понимаю для чего это нужно, если для быстрого создания форм или состояний кнопок на других страницах сайта , тогда почему не сделать просто cntrl c cntrl v

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว +1

      Когда вы просто копируете элемент например форму или кнопку на разные страницы, у вас не будет возможности внести изменения в них сразу одновременно. Вам придётся править отдельно каждую кнопку и форму. Если у вас лендинг то конечно это не сильная проблема. Но представим если у вас сайт из 10 или более страниц где на каждой странице например по 10 кнопок, вам в какой-то момент нужно заменить цвет кнопок с красного на синий, то вам придётся менять цвет кнопки 100 раз вместо одного!😅

    • @tomrewin364
      @tomrewin364 ปีที่แล้ว +1

      @@Chyrkov точно , спасибо наконец-то понял для чего это нужно , специализируюсь на лендингах и больших сайтов делать не доводилось , видимо поэтому так сразу не мог понять, спасибо большое за объяснение , у вас очень классный и полезный контент

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว +1

      круто) рад, что все получилось!)) успехов вам!

  • @olenanovytska3303
    @olenanovytska3303 2 ปีที่แล้ว +1

    про иконки расскажите пожалуйста.

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Уточните, пожалуйста, что именно про иконки?)

  • @user-vh5jk1tr1u
    @user-vh5jk1tr1u 2 ปีที่แล้ว +1

    Спасибо, компоненты сделаны, а как их сейчас прментить в работе?

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

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

  • @svetlanakim4861
    @svetlanakim4861 ปีที่แล้ว +1

    👍👍

  • @iva_ed3
    @iva_ed3 ปีที่แล้ว

    Очень затянуто и непонятно. Звук скачет - то ближе к микрофону, то дальше. Слушать невозможно, а уж чему-то научиться тем более.

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Что именно не понятно? Вы внимательно смотрели? Проверьте звук у вас на компьютере как так никто не больше не жаловался…