Figma is free to use. Sign up here:
With variables, we’ve introduced two new prototyping actions: Set Variable and Conditional. In this video, you’ll learn how to use variables to build advanced prototypes.
To follow along, grab a copy of the design from the community file here:
To learn more about the advanced prototyping features, check out the Help Center article () and play with the Figma community playground file () created by our Designer Advocates.
If you’re new to variables, check out the “Intro to variables“ video tutorial here:
If you’re new to prototypes in Figma, check out the prototype tutorial playlist here:
Chapters:
00:00 Intro
01:25 Set variable
03:03 Apply number variable to text layer
04:19 Set variable using literal value
04:30 Set variable with expressions
05:04 Inline preview
05:14 Conditional
06:20 Reorder action
06:50 Use boolean variable in prototype
08:40 Action orders
09:34 Apply boolean variable to variant
11:15 Apply string variable to variant
12:51 Design challenge
13:04 Outro
____________________________________________________
Find us on ⬇️
Twitter:
Instagram:
LinkedIn:
Figma forum:
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #prototype #variables #Config2023
10 views
142
55
2 months ago 00:14:52 1
Уроки дизайна в Figma и Photoshop 2022 | Делаем постер за 14 минут | Figma Poster Design Tutorial
2 months ago 00:14:54 1
Уроки дизайна в Figma и Photoshop - делаю постер за 14 минут | Figma Poster Design Tutorial 2022
2 months ago 00:17:17 1
Уроки Figma и Photoshop - Дизайн Постера за 17 минут в фигма и фотошоп | Figma Design Tutorial 2022
2 months ago 00:14:00 1
Дизайн постера в Figma и Photoshop 2022 | Уроки Фигма | Figma & Photoshop Poster Design Tutorial
2 months ago 00:10:01 1
🔥 Как скачать фигму и какие тарифы Figma. Бесплатный подробный новый курс по фигме. Фигма с нуля
2 months ago 00:25:56 1
🔥 Текст и типографика в Фигме: выравнивания, vertical trim Figma, список, абзацы. Фигма с нуля
2 months ago 00:08:40 12
🔥 Математика в Figma: как формулы помогают экономить время и настраивать сетку. Фигма с нуля
2 months ago 00:23:12 1
🔥 Как правильно копировать в Фигме? Как сделать скриншот области прямо в Figma? Фигма с нуля
2 months ago 00:05:07 1
Dropdown menu in Figma
2 months ago 00:02:04 1
Как сделать прокрутку в Фигма | Вертикальный и горизонтальный скролл в Figma
2 months ago 00:17:32 17
🔥 Типографика в Фигме: красная строка, кривые, текст по кругу, вариативный шрифт. Фигма с нуля
2 months ago 00:01:37 1
How to Fill a Vector in Figma
2 months ago 00:08:04 1
Основы Figma за 8 минут | Курс по работе с Фигма 2022
3 months ago 00:31:42 1
📷 СОЗДАНИЕ КАРТИНКИ ДЛЯ ПОСТА СООБЩЕСТВА / FIGMA — ТУТОРИАЛ
3 months ago 00:02:47 1
Create a Button With a HOVER Functionality in 128 SECONDS (Figma Tutorial)
3 months ago 00:21:36 1
🔥 Всё про маски в Figma! Как готовить изображения на основе маски яркости. Фигма с нуля
3 months ago 00:04:39 1
Figma Tutorial: Prototyping & Transitions
3 months ago 01:20:43 3
Figma for Education: Animation basics in Figma
3 months ago 00:01:45 1
Image Zoom On Mouse Hover in Figma
3 months ago 00:13:30 1
How to make social media post design in Figma - Figma Design
3 months ago 00:35:09 1
Nike Spinning Animation in Figma
3 months ago 00:04:51 1
3D Carousel in PowerPoint Using Morph Transition
3 months ago 00:39:58 1
Food App Design In Figma | Figma Tutorial And Basic Prototype