Видео

5:00 i dont get it it dont have "flag" on the right :(

Amazing video! Again! I finally understand Constraints...

Neo from Matrix: "I know Figma"

Danke!

Amazing! Thanks

Nice tutorial, very clear and simple understandable. Only one just an suggestion, if you could go little a bit slower in the video as I had to decrease video speed by 0.75. For the novice people it becomes little faster to understand. Otherwise very informative and clear to understand. Subscribed!

I'm glad I came across your channel while I was looking for Figma videos. You have such a knack for teaching; not only are your videos informative and concise, but your delivery is pleasant to listen to and easy to follow. Subscribed!

You are won-der-ful. Thanks for that quick video full of value I was looking for in my rush.

I really enjoyed this video, learnt alot thanks!

How should I create typography variables if there are design systems for mobile and desktop screen? For example, if there are 2 kinds of font size for heading, subheading, title, subtitle, etc? Thank you,

How do you put the recording of the prototype into a phone frame? Is this a mockup?

You should put this full design system series list link in every video description. # DESIGN SYSTEM **Part 1** [Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial](ruclips.net/video/qPL3ubdlkRM/видео.html) **Part 2** [Figma Design System - Typography System (Using Styles) | Part 2 | Figma Tutorial Step-by-Step](ruclips.net/video/OrpcxfG_qY4/видео.html) [Design System Typography variables in Figma | Figma 2024](ruclips.net/video/HUyL7JTObdA/видео.html) **Part 3** [Figma Variables - Radius Tokens | Figma Design System - Part 3 | Figma Variables How To](ruclips.net/video/rgVaQd3YPzQ/видео.html) **Part 4** [Figma Design System - Effects (Using styles) | Part 4 | Figma Step-by-Step Tutorial](ruclips.net/video/VDyjoK44S20/видео.html) **Part 5** [Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Part 5](ruclips.net/video/qm-m3yBudYQ/видео.html) **Part 6** [Figma Prototyping - Button Component Interactions | Part 6 | Figma Tutorial Step-by-Step](ruclips.net/video/to8ZXM1HFJU/видео.html) **Part 7** [Figma Component - Input Field (Variables, Variants & Component Properties ) | Design System Part 7](ruclips.net/video/qB-4-ZC1M5s/видео.html) **Part 8** [Figma Components - Checkbox & Radio buttons (Variables, Variants, Component Properties ) | DS Part 8](ruclips.net/video/dEz2MqGq_MQ/видео.html) **Part 9** [Avatar Component - Figma Variables, Variants & Component Properties | Design System Part 9](ruclips.net/video/G2LGtQzYJwM/видео.html) # **Figma VARIABLES** [Figma VARIABLES BEST PRACTICE | Figma Variables Step-by-step | Config 2023 update | Tokens tutorial](ruclips.net/video/WMDJY86RhLo/видео.html)

This is the best video for variable on RUclips... We want more like this , but in the conditional state... lots of it.😅😅

Thank you

Very cool video. Have you been able to generate more than just one screen with a consistent style? eg. whole website/app journeys.

When I'm trying to drag and select a specific column in a component set, the entire component set is getting selected. How to select a specific row?

Very well explained! I was struggling with this for a while. Thank you so much 👏👏

I admit that I am just at 01:56 but how can you do it by setting in advance breakpoints that you don't know? I mean breakpoints were retrieved by "squeezing" the design, typically the largest, until it didn't, well, break, and that was a breakpoint view unrelated with the the type of device or anticipated breakpoints.

I think you are super amazing ! thnx for the video..May god bless you !

hey...loved your video..have watched all the design system videos,,which are very helpful...can you please make more videos on design system which is scalable, also so icons vedios on how to manage icons with naming convntions, as well as what is aliasing still confuse in that ...hoping to find detailed video on that too......THANKSSSS

Thanks for sharing this!

Can you tell me how to make those new tools appear in Figma?

The answer to the question I always have and always forget to ask ❤

The answer to the question I always have and always forget to ask ❤

Very nice 👍

I really love the content ❤

Love your content as always ✨️ But suppose in the pie chart one is shown as 33% vs one as 67%. How would I prototype that? Can I combine it with your variable keypad video? 🤔

Practical ❤

Your explanations are the best. Really helpful. Thank you!

Good explanation

thanks god you are here

I can't believe this is perfect.. please keep going🎉🎉🎉🎉 I am having difficulty setting values when creating variables. Is this normal or is it just me?😅

Tip: create a Prototyping variable collection, you can add a text variable which you’ll give either “select” or “deselect” as value and create conditional interactions (if button-interaction == “select” and add a change to action to that.

You can click the styles button to add a border (or anything) in the right colour, you don’t need to click the + first :)

Hi, I made the icons but the icons do not change size when I input different sizes to the frames containing each icon. In your Figma Button Components | Design System Part 5 video, the icons seem to change to small, medium and large according to variable modes input to change the sizes of each button and the frame sizes of each icon. In my case the icons only change size when I select the vector themselves. Could you help me on this

First off I LOVE your videos! Best one out there by far! 2nd I have a question. The figma UI has changed since you made this video. I was following your instructions specifically adding a boolean property for the label in checkbox but when I am doing it, I am getting a error message (Not used within component) Why? I followed everything you did, why did it work for you & not me? 🥺

her Eyes 🤩 her knowledge 🥰

Thank you a lot.

Vary a Bull or vary an Ant?

hey..your videos are really helpful and detailed...and great way of explaining...want more detailed videos..on design system and best practices..

Useful

im using figma web and i do not see that option in typography, when im selecting text frame

Thank you for your explanation Do you have a video for how to make buttons in different states like error success?

Nice video. But at the same time: All these choices are getting rather cumbersome. It's taking more time to check out the options that getting to the 'beef'.

Thanks for the cool explanation!

(newbie question): Why should I create a H1 in Bold, regular and Light version?

Hi - please please please make a complete course out of those - I've been following along and I'm finding your approach super understandable, clear and easy to learn. Thank you!

This is really nice

Very good explained. Thanks.

perfect thanks