Figma is free to use. Sign up here:
With component properties, you can define which parts of a component can change. And instead of creating separate variants, you can use component properties to reduce the number of components needed. This takes the guesswork out of designing for anyone using these components and they can quickly make adjustments as Figma keeps component property controls in one place.
Play with our component properties community file:
Learn more about component properties on our Help Center:
Learn more about interactive components:
Learn more about variants:
Check out our other component properties video:
00:00 - Introduction
01:20 - Types of properties
01:29 - Overview
01:40 - Previous content
01:46 - Community file
01:51 - Button Component
02:31 - Instance swap property
03:38 - Text property
04:09 - Boolean property
05:24 - Consume component properties
05:53 - Variant property
08:52 - E-commerce store card
09:25 - Add component properties
12:04 - Set up the left icon
13:01 - Set up the right icon
14:18 - Set up the text layer
16:08 - Clean up
17:08 - Using the new button
17:49 - Wrap up
____________________________________________________
Find us on ⬇️
Twitter:
Instagram:
LinkedIn:
____________________________________________________
Music credit:
Those Days When We Were Happy by Babasmas
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream:
Music promoted by Audio Library
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone
1 view
1033
468
4 months ago 00:14:52 1
Уроки дизайна в Figma и Photoshop 2022 | Делаем постер за 14 минут | Figma Poster Design Tutorial
4 months ago 00:14:54 1
Уроки дизайна в Figma и Photoshop - делаю постер за 14 минут | Figma Poster Design Tutorial 2022
4 months ago 00:17:17 1
Уроки Figma и Photoshop - Дизайн Постера за 17 минут в фигма и фотошоп | Figma Design Tutorial 2022
4 months ago 00:14:00 1
Дизайн постера в Figma и Photoshop 2022 | Уроки Фигма | Figma & Photoshop Poster Design Tutorial
4 months ago 00:10:01 1
🔥 Как скачать фигму и какие тарифы Figma. Бесплатный подробный новый курс по фигме. Фигма с нуля
4 months ago 00:25:56 1
🔥 Текст и типографика в Фигме: выравнивания, vertical trim Figma, список, абзацы. Фигма с нуля
4 months ago 00:08:40 12
🔥 Математика в Figma: как формулы помогают экономить время и настраивать сетку. Фигма с нуля
4 months ago 00:23:12 1
🔥 Как правильно копировать в Фигме? Как сделать скриншот области прямо в Figma? Фигма с нуля
5 months ago 00:05:07 1
Dropdown menu in Figma
5 months ago 00:02:04 1
Как сделать прокрутку в Фигма | Вертикальный и горизонтальный скролл в Figma
5 months ago 00:17:32 17
🔥 Типографика в Фигме: красная строка, кривые, текст по кругу, вариативный шрифт. Фигма с нуля
5 months ago 00:01:37 1
How to Fill a Vector in Figma
5 months ago 00:08:04 1
Основы Figma за 8 минут | Курс по работе с Фигма 2022
5 months ago 00:31:42 1
📷 СОЗДАНИЕ КАРТИНКИ ДЛЯ ПОСТА СООБЩЕСТВА / FIGMA — ТУТОРИАЛ
5 months ago 00:02:47 1
Create a Button With a HOVER Functionality in 128 SECONDS (Figma Tutorial)
5 months ago 00:21:36 1
🔥 Всё про маски в Figma! Как готовить изображения на основе маски яркости. Фигма с нуля
5 months ago 00:04:39 1
Figma Tutorial: Prototyping & Transitions
5 months ago 01:20:43 3
Figma for Education: Animation basics in Figma
6 months ago 00:01:45 1
Image Zoom On Mouse Hover in Figma
6 months ago 00:13:30 1
How to make social media post design in Figma - Figma Design
6 months ago 00:35:09 1
Nike Spinning Animation in Figma
6 months ago 00:04:51 1
3D Carousel in PowerPoint Using Morph Transition
6 months ago 00:39:58 1
Food App Design In Figma | Figma Tutorial And Basic Prototype