background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "Figma tutorial: Component properties"

input logo icon
Cover of audio
Please wait. We're preparing links for easy ad-free video watching and downloading.
console placeholder icon
Table of contents
|

Table of contents

0:00
Introduction
1:20
Types of properties
1:29
Overview
1:40
Previous content
1:46
Community file
1:51
Button Component
2:31
Instance swap property
3:38
Text property
4:09
Boolean property
5:24
Consume component properties
5:53
Variant property
8:52
E-commerce store card
9: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
Video tags
|

Video tags

product:figma_design
audience:designer
language:english
format:standard
produced_by:product_education
theme:work_with_components
event:none
series:figma_tutorial
type:feature_tutorial
level:intermediate
primary_feature:comp_props
secondary_feature:
figma
config
figjam
tutorial
nothinggreatismadealone
You already have UDL Helper installed You can download video in 1 click!
Installed
for
Google Chrome

Description:

Figma is free to use. Sign up here: https://www.figma.com/ 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: https://www.figma.com/community/file/1100581138025393004 Learn more about component properties on our Help Center: https://help.figma.com/hc/en-us/articles/5579474826519 Learn more about interactive components: https://www.youtube.com/watch?v=ReNbXhaL3Xk Learn more about variants: https://www.youtube.com/watch?v=y29Xwt9dET0 Check out our other component properties video: https://www.youtube.com/watch?v=hobK6JqADio 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: https://twitter.com/figmadesign Instagram: https://www.facebook.com/unsupportedbrowser LinkedIn: https://www.linkedin.com/company/figma ____________________________________________________ Music credit: Those Days When We Were Happy by Babasmas https://soundcloud.com/babasmasmoosic Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0 Free Download / Stream: https://www.audiolibrary.com.co/babasmas/those-days-when-we-were-happy Music promoted by Audio Library https://www.youtube.com/watch?v=wFAlz5M32mU

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "Figma tutorial: Component properties" video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "Figma tutorial: Component properties" video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "Figma tutorial: Component properties" video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "Figma tutorial: Component properties" video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "Figma tutorial: Component properties"?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "Figma tutorial: Component properties"?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.