Переменные в Figma (урок 1)

Всем привет!
Это серия из 4 уроков по переменным в фигме. Во всем прототипе мы задействуем все 4 типа переменных и посмотрим как они работают. В этом уроке создадим переменные, будем менять их значение через Set variable, изучим Conditional и накинем на прототип много интересной логики.
Все вопросы пишите в комментариях, отвечу:)
Ссылка на плейлист: • Переменные в Figma
0:00 Какой прототип будем делать
0:36 Делаем аватарку
3:43 Создаем экран телефона с переменными
6:46 Делаем теги
10:36 Накидываем логику на теги
23:28 Делаем смену аватарки
30:07 Создаем кнопку
37:40 Создаем второй экран
Подписывайтесь на телеграм-канал Ozon Design @ozondesign - коллективный аккаунт ведущих дизайнеров, где мы делимся своими мыслями, опытом и кейсами

Пікірлер: 28

  • @So_dna_postuchali
    @So_dna_postuchali10 сағат бұрын

    Саша, спасибо!!!!!!!!! Это пушка-бомба!

  • @SashaSmetanina

    @SashaSmetanina

    4 сағат бұрын

    Большое спасибо!))) Рада, что понравилось))

  • @sodomiya
    @sodomiya9 күн бұрын

    Балдеж. Спасибо большое. Полезнее курсов, за которые я отдала 140к

  • @SashaSmetanina

    @SashaSmetanina

    9 күн бұрын

    Спасибо!)❤

  • @bibabo1310
    @bibabo13105 күн бұрын

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

  • @SashaSmetanina

    @SashaSmetanina

    4 күн бұрын

    Спасибо! 😍

  • @neranoyan
    @neranoyan11 күн бұрын

    Спасибо 🙏🏻 вместо true и false так же работает on и off, побыстрее писать)

  • @SashaSmetanina

    @SashaSmetanina

    11 күн бұрын

    Да, все так) еще можно писать yes/no, кому как удобнее:)

  • @sergeyfoxy
    @sergeyfoxy10 күн бұрын

    Очень крутой и полезный урок, Саша! Спасибо!

  • @SashaSmetanina

    @SashaSmetanina

    10 күн бұрын

    Очень рада, что понравилось 💚

  • @user-eo3jz8uj9l
    @user-eo3jz8uj9l7 күн бұрын

    Спасибо огромное за полезное видео и качество подачи материала Огонь

  • @SashaSmetanina

    @SashaSmetanina

    4 күн бұрын

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

  • @EnchanteeMa
    @EnchanteeMa10 күн бұрын

    Очень классно, спасибо!

  • @SashaSmetanina

    @SashaSmetanina

    10 күн бұрын

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

  • @mikarmk
    @mikarmk10 күн бұрын

    О, спасибо за урок)

  • @SashaSmetanina

    @SashaSmetanina

    10 күн бұрын

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

  • @user-yf2zi7ue4x
    @user-yf2zi7ue4x11 күн бұрын

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

  • @SashaSmetanina

    @SashaSmetanina

    11 күн бұрын

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

  • @user-pi2jy3xq7d
    @user-pi2jy3xq7d11 күн бұрын

    Вау, лойс

  • @SashaSmetanina

    @SashaSmetanina

    11 күн бұрын

    Спасибо!)

  • @user_user796
    @user_user7963 күн бұрын

    Классный урок, спасибо ☺️ это же работает только в платной версии фигмы?

  • @SashaSmetanina

    @SashaSmetanina

    3 күн бұрын

    Спасибо!) Переменные доступны бесплатно, только в них нельзя создавать темы (например, темную тему для изменения цветов, это только в платной). Поэтому, должны быть доступны

  • @HeresAsvg

    @HeresAsvg

    3 күн бұрын

    Логические операторы на прототипах только в платной, так что почти всё из показанного, к сожалению, не сделать на free аккаунте... Но если честно, это и не нужно. Слишком много труда ради элементарного эффекта, делающегося в коде за 2-3 строчки. На крайняк можно во Framer перегнать, там насколько знаю, всё это в бесплатной версии работает.

  • @kilmsk5176
    @kilmsk517610 күн бұрын

    По переменным уроки очень актуальны, по-больше бы их :) Очень полезно, спасибо! Откуда ты эмодзи анимированные взяла? Видел название emojibest, но почему то их сайт не активен.. :(

  • @SashaSmetanina

    @SashaSmetanina

    10 күн бұрын

    Спасибо!))) Будет еще 3 таких урока Гифки скачала в телеграмме. Нужно будет перевести их из расширения телеграмма в gif через любой сайт, который так умеет делать

  • @EvgeniiIvanov-me5mn

    @EvgeniiIvanov-me5mn

    9 күн бұрын

    Нашёл в комьюнити фигмы хороший набор по запросу Animated telegram gif-stickers

  • @EvgeniiIvanov-me5mn

    @EvgeniiIvanov-me5mn

    9 күн бұрын

    Нашёл в фигма комюнити хороший набор по названию Animated telegram gif-stickers

Келесі