Компоненты в Фигме. Часть 2: Variants в Figma

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024

Комментарии • 66

  • @ndancer44
    @ndancer44 Год назад +5

    Все какими-то костылями использовал в вариантах. Блин, спасибо! Видел в Figme в чужих дизайн системах, но теперь сам понимаю. За On/off отдельный респект🎉❤!

  • @ДарьяКособуцкая-м9ж

    Круто! Оказывается, что все не так страшно) Спасибо! очень полезно 💜
    Может будет видос, в каком виде сдавать макет разработчикам (в каком разрешении должен быть макет; обязательно ли делать адаптив, если не было оговорено с клиентом; как формировать UI KIT, что в нем должно быть)? Спасибо)

    • @study_kvo
      @study_kvo  Год назад +3

      Спасибо за наводки ❤️

    • @BestFriendsssssssss
      @BestFriendsssssssss Год назад

      @@study_kvo вышел ролик на эту тему?

  • @Lumyyyyyy
    @Lumyyyyyy 2 месяца назад +2

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

    • @study_kvo
      @study_kvo  2 месяца назад

      Кайф! Рад помочь 🙌

  • @Lalalalalarisa
    @Lalalalalarisa Месяц назад +1

    Огромное спасибо за такие четкие, понятные объяснения, я наконец-то начала понимать что это и зачем!))

  • @study_kvo
    @study_kvo  Год назад +1

    ◆ Первая часть: ruclips.net/video/R2PEllFHqqM/видео.html
    ◆ Телеграм: t.me/study_kvo
    ◆ ВКонтакте: vk.com/study_kvo
    ◆ Проект из урока: design-figma.ru/md/youtube_files

  • @natakarachevtseva9800
    @natakarachevtseva9800 Год назад +2

    Спасибо! Все предельно ясно. Полезная вещь - варианты

  • @Vladyslav-lv4bi
    @Vladyslav-lv4bi Год назад +3

    Не работали корректно варианты, потому что не правильно подписывал. Теперь понял причину

  • @Татьяна-н6т9д
    @Татьяна-н6т9д Год назад +2

    Спасибо😘. Мои мозги встали на место😁.

  • @ОксанаВилкова-н4е
    @ОксанаВилкова-н4е Год назад +3

    Потрясающе! Спасибо огромное за такое доступное лаконичное описание по созданию компонентов и вариантов! Очень не понятны еще эти загадочные автолэйауты, если можно, то по ним еще сделайте пожалуйста, видео.🙏 Особенно сложно адаптировать их на карточки товара.

    • @study_kvo
      @study_kvo  Год назад

      И до них доберёмся! Спасибо ❤️❤️

  • @nikinad234
    @nikinad234 Год назад

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

  • @plrchk
    @plrchk Год назад +2

    Спасибо за видео❤ С удовольствием посмотрела-запомнила-применила в работе)

    • @study_kvo
      @study_kvo  Год назад +1

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

  • @hrantyeghiazaryan4491
    @hrantyeghiazaryan4491 Год назад +1

    большое спасибо тебе я смотрел очень много туториалы как что нужно делать как разобраться в фигме но некто так понятно и досконально не объясняет ))) очень жду новых видео. Ещё раз спасибо!!!

    • @study_kvo
      @study_kvo  Год назад

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

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

    Спасибо за урок. Очень полезно

  • @Денис-д9с5ы
    @Денис-д9с5ы 3 месяца назад

    А для чего это всё?

  • @aharito
    @aharito Год назад

    Фигма оставляет у меня двоякое впечатление. Дело в том, что я хорошо верстаю и знаю CSS. Да, Фигма на голову выше Фотошопа для веб-дизайна. Сам компонентный подход похож на БЭМ. Но отрисовать 48 кнопок, задать им все параметры, отступы... А если потом нужно увеличить внутренние отступы для всех "L" кнопок?
    В БЭМ я просто поменяю 24 на 32 в CSS-правиле .btn_size_lg { padding: 20px 24 px; } - и всё. А в Фигме нужно переделать все L-кнопки... В общем, похоже, что Фигма - это чисто для дизайнеров, кто не верстает. А для человека, знающего верстку, проще сразу на сайте это делать, особенно если юзать Scss.
    P.S. Только плиз без обид 😉 поправьте, если я не прав.
    P.P.S. Тем не менее, Фигма мне интересна, спасибо за видео!

  • @vitek12321
    @vitek12321 Год назад +1

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

  • @mantraformoon
    @mantraformoon Год назад +1

    Объяснения простые и понятные!👏супер

  • @Nordictt
    @Nordictt Год назад +1

    Спасибо! Очень легко и понятно! Лучший

  • @IodaSik
    @IodaSik Год назад +2

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

  • @helena_selena
    @helena_selena Год назад +1

    Отличное объяснение, спасибо

  • @mimocreations9681
    @mimocreations9681 Год назад +1

    Огонь! Лайк, подписка, комментарий.

    • @study_kvo
      @study_kvo  Год назад

      Идеальный набор 🤝🤝

  • @DarlixSlee
    @DarlixSlee Год назад

    Очень полезный материал. Очень хочется урок по автолэйаут от вас

  • @studioaspirations
    @studioaspirations Год назад +1

    Круто!

  • @nadialy1033
    @nadialy1033 Год назад +1

    Спасииибоооо! Это мега круто и мега понятно)))

  • @Историяна100готовимсякЕГЭ

    Два видео про варианты до этого я посмотрела - вообще ничего не поняла. А тут за 9 минут всё разложено по полочкам. Спасибо вам огромное

  • @tinakrinitsyna
    @tinakrinitsyna Год назад +1

    Спасибо😍 самое понятное видео про варианты)

  • @ЕвгенийИзмайлов-н9ю
    @ЕвгенийИзмайлов-н9ю 5 месяцев назад

    отдушиииии))

  • @anna9861
    @anna9861 Год назад +1

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

  • @КсенияСоколова-л5к

    Очень полезно и понятно, спасибо!🔥🔥🔥

  • @ЕвгенийАксенов-т7о

    А раз уж мы уже создали все эти кнопки, почему бы просто не использовать Ctr c -> Ctr v (Копировать -> вставить) ?

    • @study_kvo
      @study_kvo  Год назад

      Так в основном и было. Но это не самый шустрый способ. Быстрее всего через плагин Rename it. Его отдельно как-нибудь разберём, здесь не хотелось уводить в сторону.

  • @juilli8522
    @juilli8522 6 месяцев назад

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

  • @ultrapolyarnoevtorzhenie
    @ultrapolyarnoevtorzhenie Год назад

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

  • @ilyoskhonvaliev6757
    @ilyoskhonvaliev6757 Год назад

    А нельзя просто скопировать нужный экземпляр?

    • @study_kvo
      @study_kvo  Год назад

      Можно скопировать-вставить, можно нажать Ctrl+D и также создастся копия.

  • @alexsandragalieva4561
    @alexsandragalieva4561 Год назад +1

    Это офигенно!Саша ! Спасибо

  • @shlehanov
    @shlehanov Год назад +1

    Полезно. Спасибо.

  • @КИНОГРЕШНИК-ы8б
    @КИНОГРЕШНИК-ы8б Год назад +2

    Фигма будет платной, ее адоб купила)

    • @Вера-б9п
      @Вера-б9п Год назад +1

      Меня начинают дико бесить такие люди. Нету офиц данных, что она будет платной. Просто панику на ровном месте развозите.

    • @КИНОГРЕШНИК-ы8б
      @КИНОГРЕШНИК-ы8б Год назад +1

      @@Вера-б9п это адоб, они все делают по платной подписке.

    • @pchelbnw
      @pchelbnw Год назад

      @@КИНОГРЕШНИК-ы8б И правильно. Мудрое решение компании, которая хочет оставаться с большой прибылью. Кому будет нужно, тот купит, а компания продолжит жить.

    • @КИНОГРЕШНИК-ы8б
      @КИНОГРЕШНИК-ы8б Год назад

      @@pchelbnw она и так хорошо живет. Просто нужно больше денег поиметь

    • @aharito
      @aharito Год назад

      Фигма и так по большей части платная. А закрыть Free-тариф... со стороны Adobe это будет рискованный ход, вряд ли решатся. Маловероятно, имхо.