Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Как использовать режимы переменных Figma ВАРИАНТЫ КОМПОНЕНТОВ FIGMA + ПЕРЕМЕННЫЕ

Автор: Nolan Perkins

Загружено: 2024-07-12

Просмотров: 5048

Описание:

Поскольку это очень серьёзный канал для серьёзных ui/ux-дизайнеров, я создал лучшую демонстрацию переменных и режимов Figma: переключатель Pokemon Evolution.

Переменные — важный инструмент для использования в Figma. Особенно это касается режимов. Вы можете использовать режимы для переключения между тёмным и светлым режимами интерфейса в своих проектах, локализации для обновления языков или валюты, а также для изменения всех переменных отступов и типографики с учётом адаптивного дизайна.

Но для реализации переключателя Pokemon Evolution нам нужно будет рассмотреть компоненты, варианты компонентов, булевы переключатели вариантов и, конечно же, режимы переменных.

Найдите меня в соцсетях:
  / reels  
  / radnolan  
  / nolanperk  

Присоединяйтесь к сообществу: https://bit.ly/rad-makers

------

Главы:
0:00 Почему это важно
0:58 Настройка вариантов компонентов
4:56 Раскрывающиеся списки вариантов и логические значения
5:40 Настройка переменных
6:55 Создание режимов переменных
8:14 Назначение режимов в разделах
9:45 Назначение других режимов
11:30 Мини-челлендж

Ты крут ❤️

Как использовать режимы переменных Figma ВАРИАНТЫ КОМПОНЕНТОВ FIGMA + ПЕРЕМЕННЫЕ

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Делаем Figma адаптивной с помощью переменных и режимов

Делаем Figma адаптивной с помощью переменных и режимов

Подключить переменную Figma к варианту | Подключить компонент к переменной | Прототип с переменными

Подключить переменную Figma к варианту | Подключить компонент к переменной | Прототип с переменными

Making Games inside Figma ADVANCED FIGMA PROTOTYPING WITH VARIABLES #figmaprototype #figmatutorial

Making Games inside Figma ADVANCED FIGMA PROTOTYPING WITH VARIABLES #figmaprototype #figmatutorial

4 levels of UI/UX design (and BIG mistakes to avoid)

4 levels of UI/UX design (and BIG mistakes to avoid)

Уменьшите количество прототипов на 50% (простой трюк) | Учебник по Figma

Уменьшите количество прототипов на 50% (простой трюк) | Учебник по Figma

Введение в дизайн-системы: дизайн-токены #designtutorial #designsystems #productdesign

Введение в дизайн-системы: дизайн-токены #designtutorial #designsystems #productdesign

Свойства компонентов Figma стали ПРОСТЫМИ (Варианты, Логические значения, Текст, Экземпляр)

Свойства компонентов Figma стали ПРОСТЫМИ (Варианты, Логические значения, Текст, Экземпляр)

Figma Variables & Advanced Prototyping In-Depth Follow Along Design | ADVANCED FIGMA TUTORIAL

Figma Variables & Advanced Prototyping In-Depth Follow Along Design | ADVANCED FIGMA TUTORIAL

Gemini 3 ОБГОНЯЕТ всех! ПОЛНЫЙ ОБЗОР Nano Banana, Veo 3, Deep Research

Gemini 3 ОБГОНЯЕТ всех! ПОЛНЫЙ ОБЗОР Nano Banana, Veo 3, Deep Research

Чем ОПАСЕН МАХ? Разбор приложения специалистом по кибер безопасности

Чем ОПАСЕН МАХ? Разбор приложения специалистом по кибер безопасности

Design System & Figma Variable Set Up - Full Tutorial

Design System & Figma Variable Set Up - Full Tutorial

Учебник Figma: Переменные для типографики

Учебник Figma: Переменные для типографики

Figma tutorial: Intro to variables

Figma tutorial: Intro to variables

Переменные типографики системы дизайна в Figma | Figma 2024

Переменные типографики системы дизайна в Figma | Figma 2024

Figma Design System 2025 - Colour Tokens [ Ep 1] | Figma Variables Colors

Figma Design System 2025 - Colour Tokens [ Ep 1] | Figma Variables Colors

Как я учусь в 10 раз быстрее: Система с AI, Perplexity и NotebookLM

Как я учусь в 10 раз быстрее: Система с AI, Perplexity и NotebookLM

Прототип с переменными: создайте процесс адаптации

Прототип с переменными: создайте процесс адаптации

Making Micro Interactions is so fun | ADVANCED FIGMA PROTOTYPING & UI DESIGN TACTICS

Making Micro Interactions is so fun | ADVANCED FIGMA PROTOTYPING & UI DESIGN TACTICS

🔥 Автолейаут в Фигме (2025). Как настраивать АЛ. Лишние фреймы. Фигма с нуля

🔥 Автолейаут в Фигме (2025). Как настраивать АЛ. Лишние фреймы. Фигма с нуля

Освойте переменные Figma за 7 минут

Освойте переменные Figma за 7 минут

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]