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

  Рет қаралды 9,820

Сергей Чирков

Сергей Чирков

10 ай бұрын

🔥 Мой авторский курс «Figma с нуля»: 👉 designsweets.co/courses/figma...
В недавнем обновлении Figma представила Variable «Переменные»! В этом видео я покажу вам, как создавать простые карточки, используя Auto Layout и Variables в Figma.
🔗 Мои ссылки:
Мой канал в телеге: t.me/chyrkovfm
Мой авторский курс «Figma с нуля»: designsweets.co/courses/figma...
Студия: chyrkov.studio
Портфолио по фото: sergeichyrkov.com
Behance: www.behance.net/chyrkov
Twitter: / sergeichyrkov
_____________
#Figma #FigmaTutorial #UXDesign #Webdesign

Пікірлер: 50
@KatesOk
@KatesOk 10 ай бұрын
Супер! Большая благодарность, Сергей!😇💯
@Chyrkov
@Chyrkov 10 ай бұрын
Успехов!😉
@kristinakalashnova6779
@kristinakalashnova6779 6 ай бұрын
Сергей, спасибо! Как всегда - полезно 👍🏼👍🏼👍🏼👍🏼
@Chyrkov
@Chyrkov 6 ай бұрын
Спасибо за отзыв!) рад, что нравится!
@yunnameowmeowmeow
@yunnameowmeowmeow Ай бұрын
Классное видео, спасибо!
@Chyrkov
@Chyrkov 19 күн бұрын
Спасибо за отзыв! Пожалуйста!
@mrsdarcy2180
@mrsdarcy2180 9 ай бұрын
Обожаю ваши видео, супер все понятно!
@Chyrkov
@Chyrkov 9 ай бұрын
Спасибо, я рад😊
@masha_shele
@masha_shele 10 ай бұрын
Как круто! Спасибо большое!
@Chyrkov
@Chyrkov 10 ай бұрын
Пожалуйста ☺️
@user-lg3gq1zg3c
@user-lg3gq1zg3c 6 ай бұрын
Все очень понятно. Спасибо )
@Chyrkov
@Chyrkov 6 ай бұрын
Пожалуйста!)
@rinatvaliullin4489
@rinatvaliullin4489 5 ай бұрын
Благодарю. Полезный урок.
@Chyrkov
@Chyrkov 5 ай бұрын
Спасибо!)
@MFilippova
@MFilippova 2 ай бұрын
Спасибо - хороший урок!
@Chyrkov
@Chyrkov 2 ай бұрын
Спасибо за фидбек)
@user-oc1yn7uy8h
@user-oc1yn7uy8h 3 ай бұрын
Спасибо за урок!
@Chyrkov
@Chyrkov 3 ай бұрын
Спасибо за отзыв!)
@ikaiv1506
@ikaiv1506 5 ай бұрын
Вот такой демонстрации мне и не хватало!
@Chyrkov
@Chyrkov 5 ай бұрын
Спасибо!) рад, что нравится!)
@ElenkaZP
@ElenkaZP 27 күн бұрын
о! вот где связывается переменная с текстовым блоком! 17:36 не обращала на неё внимание ))))
@Chyrkov
@Chyrkov 19 күн бұрын
надеюсь теперь все получилось!
@ElenkaZP
@ElenkaZP 16 күн бұрын
@@Chyrkov да. но фигме всё равно очень далеко до Axure RP 2012 года, там тогда с переменными такие дела творить можно было! сейчас наверное ваще космос )
@Chyrkov
@Chyrkov 15 күн бұрын
Да Акжур очень удобный инструмент для создания ваирфреймов и прототипов. Ранее пользовался им больно часто, но сейчас привычнее в Фигме. Думаю это связано с тем что хочется работать в одной среде, а не переключаться на разные все время))
@user-qy3jz1dm5s
@user-qy3jz1dm5s Ай бұрын
Дякую, гарне відео. 👍
@Chyrkov
@Chyrkov Ай бұрын
спасибі, дуже приємно!😇
@user-ih7jp3qs7u
@user-ih7jp3qs7u 9 ай бұрын
спасибо большое!
@Chyrkov
@Chyrkov 9 ай бұрын
пожалуйста!) успехов!
@bolonparabellum3016
@bolonparabellum3016 3 ай бұрын
Спасибо большое.Всё очень понятно и доходчиво!Сделайтие видео по CJM и остальным
@Chyrkov
@Chyrkov 3 ай бұрын
Спасибо большое за отзыв и идею!
@infinitelyeternal3366
@infinitelyeternal3366 5 ай бұрын
Сегодня на собеседовании спросили пользуюсь и Variables и токенами. Думал, они за варианты говорят, а это добавили только летом... Видео полезное, лайк!
@Chyrkov
@Chyrkov 5 ай бұрын
Благодарю) удачи вам!)
@vittorialinke797
@vittorialinke797 6 ай бұрын
Сергей, спасибо! Немного не по теме, но есть ли какие-нибудь требования по неймингу цветов в проектах: цифрами или просто обозначение цветов?
@Chyrkov
@Chyrkov 6 ай бұрын
Привет! Существует система токенов. Рекомендуется называть по примерно такому принципу: компонент-состояние-название элемента. Рекомендую почитать thedesignsystem.guide/design-tokens
@vittorialinke797
@vittorialinke797 3 ай бұрын
@@Chyrkov Спасибо!
@user-tu9so6bq1t
@user-tu9so6bq1t 8 ай бұрын
Спасибо за ваши труды) только этот урок только для бетта версии? у меня не получилось как у вас(
@Chyrkov
@Chyrkov 8 ай бұрын
Пожалуйста!=) Что именно не получается? Переменные должны быть доступны в обычной версии, но к сожалению возможность создания второго значения (в моем случае это темная тема) доступна только в платной версии...
@user-vt5ff4hq7o
@user-vt5ff4hq7o 2 ай бұрын
Если только светлая версия, Variables для цветов задавать не обязательно, правильно поняла? Иначе в чем смысл стилей?
@Chyrkov
@Chyrkov 2 ай бұрын
В целом да, если речь идет только про создание двух режимов. Но переменные можно использовать обширно. Стили хорошо подходят для небольших проектов, а если например делаете дизайн-систему то переменные будут более уместны, так как это более гибкое и многофункциональное решение
@user-vt5ff4hq7o
@user-vt5ff4hq7o 2 ай бұрын
@@Chyrkov Спасибо!
@vladimiratlas6478
@vladimiratlas6478 8 ай бұрын
Видео урок прекрасный. Но не получается повторить в бесплатной версии
@Chyrkov
@Chyrkov 8 ай бұрын
Благодарю! К сожалению, в бесплатной версии есть ограничение только на один “mode”.
@cosmozawr
@cosmozawr Ай бұрын
спасибо, но музыка мешает слушать, особенно на х2
@Chyrkov
@Chyrkov Ай бұрын
Спасибо за комментарий)
@yolandatest
@yolandatest 4 ай бұрын
спасибо, конечно, но капец! скоро деньги брать будет не за что с клиентов 😁.
@Chyrkov
@Chyrkov 3 ай бұрын
Не переживайте, все равно найдем способы это сделать!😂
@OlgaMavlanova
@OlgaMavlanova 2 ай бұрын
Так за это и будем брать😂 им необязательно знать что мы допишем пару строчек😂 но мы их допишем и сделаем красиво😂
@user-lq6gt8pq5h
@user-lq6gt8pq5h 9 ай бұрын
Контент корисний, але чому не робите відео українською?
@Chyrkov
@Chyrkov 8 ай бұрын
Дякую! Дуже радий, що вам подобається!☺️
Переменные в Фигме
37:40
Disarto
Рет қаралды 16 М.
1🥺🎉 #thankyou
00:29
はじめしゃちょー(hajime)
Рет қаралды 20 МЛН
WHY DOES SHE HAVE A REWARD? #youtubecreatorawards
00:41
Levsob
Рет қаралды 27 МЛН
Sigma Girl Education #sigma #viral #comedy
00:16
CRAZY GREAPA
Рет қаралды 55 МЛН
I Need Your Help..
00:33
Stokes Twins
Рет қаралды 86 МЛН
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 157 М.
Learn how to use Boolean Variables in Prototypes | Figma Bites
4:06
Figma Variables & Advanced Prototyping - Crash Course
31:01
DesignCourse
Рет қаралды 122 М.
Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout
23:18
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 3,1 М.
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 255 М.
Master Figma variables in 7 minutes
7:13
Flux Academy
Рет қаралды 46 М.
1🥺🎉 #thankyou
00:29
はじめしゃちょー(hajime)
Рет қаралды 20 МЛН