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

Поділитися
Вставка
  • Опубліковано 27 вер 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

КОМЕНТАРІ • 56

  • @kristinakalashnova6779
    @kristinakalashnova6779 11 місяців тому +3

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

    • @Chyrkov
      @Chyrkov  10 місяців тому

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

  • @ikaiv1506
    @ikaiv1506 9 місяців тому +2

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

    • @Chyrkov
      @Chyrkov  9 місяців тому

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

  • @НатальяМорозова-ы6э
    @НатальяМорозова-ы6э 3 місяці тому

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

    • @Chyrkov
      @Chyrkov  3 місяці тому

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

  • @infinitelyeternal3366
    @infinitelyeternal3366 9 місяців тому +3

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

    • @Chyrkov
      @Chyrkov  9 місяців тому

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

  • @impressionist4821
    @impressionist4821 24 дні тому

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

    • @Chyrkov
      @Chyrkov  21 день тому

      Пожалуйста

  • @rinatvaliullin4489
    @rinatvaliullin4489 9 місяців тому +1

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

    • @Chyrkov
      @Chyrkov  9 місяців тому

      Спасибо!)

  • @MFilippova
    @MFilippova 6 місяців тому +1

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

    • @Chyrkov
      @Chyrkov  6 місяців тому

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

  • @Работа-л3н
    @Работа-л3н 10 місяців тому +1

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

    • @Chyrkov
      @Chyrkov  10 місяців тому

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

  • @masha_shele
    @masha_shele Рік тому +1

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

    • @Chyrkov
      @Chyrkov  Рік тому

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

  • @ЕленаЕлена-т1д
    @ЕленаЕлена-т1д 7 місяців тому

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

    • @Chyrkov
      @Chyrkov  7 місяців тому

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

  • @yunnameowmeowmeow
    @yunnameowmeowmeow 5 місяців тому

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

    • @Chyrkov
      @Chyrkov  4 місяці тому

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

  • @vittorialinke797
    @vittorialinke797 10 місяців тому +2

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

    • @Chyrkov
      @Chyrkov  10 місяців тому +3

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

    • @vittorialinke797
      @vittorialinke797 7 місяців тому

      @@Chyrkov Спасибо!

  • @OlhaPukovetska
    @OlhaPukovetska Рік тому +2

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

    • @Chyrkov
      @Chyrkov  Рік тому +2

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

  • @Вікторія-я9п
    @Вікторія-я9п 5 місяців тому

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

    • @Chyrkov
      @Chyrkov  5 місяців тому

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

  • @AMdvij
    @AMdvij 2 місяці тому

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

    • @Chyrkov
      @Chyrkov  2 місяці тому

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

  • @ШиринАбилхайирова

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

    • @Chyrkov
      @Chyrkov  Рік тому

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

  • @ElenkaZP
    @ElenkaZP 5 місяців тому

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

    • @Chyrkov
      @Chyrkov  4 місяці тому +1

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

    • @ElenkaZP
      @ElenkaZP 4 місяці тому

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

    • @Chyrkov
      @Chyrkov  4 місяці тому

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

  • @vladimiratlas6478
    @vladimiratlas6478 Рік тому +1

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

    • @Chyrkov
      @Chyrkov  Рік тому +1

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

  • @yolandatest
    @yolandatest 8 місяців тому

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

    • @Chyrkov
      @Chyrkov  7 місяців тому

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

    • @OlgaMavlanova
      @OlgaMavlanova 6 місяців тому

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

  • @cosmozawr
    @cosmozawr 5 місяців тому

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

    • @Chyrkov
      @Chyrkov  5 місяців тому

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

  • @KatesOk
    @KatesOk Рік тому +1

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

    • @Chyrkov
      @Chyrkov  Рік тому

      Успехов!😉

  • @МарияБутримова-е2е

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

    • @Chyrkov
      @Chyrkov  Рік тому

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

  • @bolonparabellum3016
    @bolonparabellum3016 7 місяців тому

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

    • @Chyrkov
      @Chyrkov  7 місяців тому

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

  • @Кристина-ш5х3ю
    @Кристина-ш5х3ю 6 місяців тому

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

    • @Chyrkov
      @Chyrkov  6 місяців тому +1

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

    • @Кристина-ш5х3ю
      @Кристина-ш5х3ю 6 місяців тому

      @@Chyrkov Спасибо!

  • @ArtyomShikhaleev
    @ArtyomShikhaleev 2 місяці тому

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

    • @Chyrkov
      @Chyrkov  Місяць тому

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