Что такое Figma Variables (Переменные) и как с ними работать? | Figma уроки

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024
  • 🔥 Мой авторский курс «Figma с нуля»: 👉 designsweets.c...
    В недавнем обновлении Figma представила Variable «Переменные»! В этом видео я покажу вам, как создавать простые карточки, используя Auto Layout и Variables в Figma.
    🔗 Мои ссылки:
    Мой канал в телеге: t.me/chyrkovfm
    Мой авторский курс «Figma с нуля»: designsweets.c...
    Студия: chyrkov.studio
    Портфолио по фото: sergeichyrkov.com
    Behance: www.behance.ne...
    Twitter: / sergeichyrkov
    _____________
    #Figma #FigmaTutorial #UXDesign #Webdesign

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

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

    Сергей, спасибо! Как всегда - полезно 👍🏼👍🏼👍🏼👍🏼

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

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

  • @НатальяМорозова-ы6э
    @НатальяМорозова-ы6э 6 หลายเดือนก่อน

    Спасибо! Очень полезно. Приятная подача информации. Спокойная.

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

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

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

    Сегодня на собеседовании спросили пользуюсь и Variables и токенами. Думал, они за варианты говорят, а это добавили только летом... Видео полезное, лайк!

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

      Благодарю) удачи вам!)

  • @Работа-л3н
    @Работа-л3н ปีที่แล้ว +1

    Все очень понятно. Спасибо )

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

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

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

    Благодарю. Полезный урок.

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

      Спасибо!)

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

    Вот такой демонстрации мне и не хватало!

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

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

  • @MFilippova
    @MFilippova 9 หลายเดือนก่อน +1

    Спасибо - хороший урок!

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

      Спасибо за фидбек)

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

    Спасибо! Все понятно рассказано 👍

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

      Спасибо за отзыв!

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

    Супер! Большая благодарность, Сергей!😇💯

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

      Успехов!😉

  • @ЕленаЕлена-т1д
    @ЕленаЕлена-т1д 10 หลายเดือนก่อน

    Спасибо за урок!

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

      Спасибо за отзыв!)

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

    Как круто! Спасибо большое!

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

      Пожалуйста ☺️

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

    спасибо за урок!

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

      Пожалуйста

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

    Классное видео, спасибо!

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

      Спасибо за отзыв! Пожалуйста!

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

    Спасибо большое.Всё очень понятно и доходчиво!Сделайтие видео по CJM и остальным

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

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

  • @Вікторія-я9п
    @Вікторія-я9п 8 หลายเดือนก่อน

    Дякую, гарне відео. 👍

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

      спасибі, дуже приємно!😇

  • @МарияБутримова-е2е
    @МарияБутримова-е2е ปีที่แล้ว +1

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

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

      пожалуйста!) успехов!

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

    Сергей, спасибо! Немного не по теме, но есть ли какие-нибудь требования по неймингу цветов в проектах: цифрами или просто обозначение цветов?

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

      Привет! Существует система токенов. Рекомендуется называть по примерно такому принципу: компонент-состояние-название элемента. Рекомендую почитать thedesignsystem.guide/design-tokens

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

      @@Chyrkov Спасибо!

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

    о! вот где связывается переменная с текстовым блоком! 17:36 не обращала на неё внимание ))))

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

      надеюсь теперь все получилось!

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

      @@Chyrkov да. но фигме всё равно очень далеко до Axure RP 2012 года, там тогда с переменными такие дела творить можно было! сейчас наверное ваще космос )

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

      Да Акжур очень удобный инструмент для создания ваирфреймов и прототипов. Ранее пользовался им больно часто, но сейчас привычнее в Фигме. Думаю это связано с тем что хочется работать в одной среде, а не переключаться на разные все время))

  • @ШиринАбилхайирова
    @ШиринАбилхайирова ปีที่แล้ว +1

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

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

      Пожалуйста!=) Что именно не получается? Переменные должны быть доступны в обычной версии, но к сожалению возможность создания второго значения (в моем случае это темная тема) доступна только в платной версии...

  • @Кристина-ш5х3ю
    @Кристина-ш5х3ю 9 หลายเดือนก่อน

    Если только светлая версия, Variables для цветов задавать не обязательно, правильно поняла? Иначе в чем смысл стилей?

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

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

    • @Кристина-ш5х3ю
      @Кристина-ш5х3ю 9 หลายเดือนก่อน

      @@Chyrkov Спасибо!

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

    Какого размера должны быть проекты и сколько в них каждый раз должно быть правок, чтобы имело смысл все эти настройки задавать

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

      очень хороший вопрос! думаю для лендинга наверное особо нет смысла сильно заморачиваться. но думаю если это корпоративный сайт или сервис, где более 5 страниц, то переменные облегчат работу. Я сейчас работаю над проектом где более 200 компонентов и свыше 150 страниц, даже не представляю как раньше жили без переменных и дизайн системы😅

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

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

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

      Благодарю! К сожалению, в бесплатной версии есть ограничение только на один “mode”.

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

    спасибо, но музыка мешает слушать, особенно на х2

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

      Спасибо за комментарий)

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

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

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

      Не переживайте, все равно найдем способы это сделать!😂

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

      Так за это и будем брать😂 им необязательно знать что мы допишем пару строчек😂 но мы их допишем и сделаем красиво😂

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

    Контент корисний, але чому не робите відео українською?

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

      Дякую! Дуже радий, що вам подобається!☺️