As someone who has worked as a corporate in-house product designer for a long time, I was always just consuming design systems that other teams had set up and never really knew the exact process of creating one. This has been incredibly helpful in building my understanding-thank you so much!

Yea, but why not just design in Framer?

Funkify doesn't seem to be available anymore 🤷‍♂

Magnificient, thanks!

Thank for UI collective. So easy for understanding!

nice video, sending love from Australia

Tables are a real mistery. Me, for example, like to bield that component in a total different way, because I find it less confusing. Whatever works best for each designer, I guess But thanks for sharing the content anyway! ❤❤

Funkify Disability Simulator doesn't work on my end. I don't know why.

Thank you, really great visual help!

hi i just saw your video today because i am planning to make a kind of dressing game where you change clothes for fun and i saw your video to learn about the logic and thankyou so much i can do it easily like not even 30 mins to set variable to mine !!! like turn out its just set the component to variable, and then put interaction to change state, you explain it easily

Really good, thanks :)

love this! just now really getting into this stuff. I set up a system similarly for a recent client , and found that the primary, secondary, etc naming didn't actually work as much as I thought it would. Am curious to see if others have this experience too, or if I need to stick with it? am debating going to a surface-white, surface-green; system instead.

Your videos are too good not to have a comment. Keep up the great work!

THANK YOU SO MUCH KIRK!! You have helped more than you know. Looking forward to PART 8 and BEYOND!!

helpful video, thanks so much.

It's the perfect video I was looking for : a deep dive into Design System. I'm sick of 15-minute videos that don't explain anything. Thanks a lot for taking time to do those kind of videos :-)

That was an amazing video! Thanks for your insights. Can you create a video on 'Spacing'? I understand the basics, but I still struggle with maintaining hierarchy.

Funkify free or pro on official website after click on CTA button - This product is not available... before recommending a product, make sure that it can be obtained for a fee or for free! By the way, developers should also know about this and I think Google notified them that the extension was removed from the store

I’m having issues. Once a put an instance of my component onto the canvas I have to connect the property of that instance to the variable every single time (each time new instance is dragged in) before the section can control it. where as in the example you are able to change the mode on the section and it’s done automatically without doing anything to the component instance (besides dragging to to the canvas). Any help?

Amazing! Thanks for sharing your insight and resources. I'm a UX Designer actively pursuing to get certified in 508 and Accessibility Compliance. Which program would you recommend?

Kirk will you please move your image to the other place, it is blocking the elements you have selected in the file explorer. Made up to part 7 yay!!

best design channel

Completely loved the plugin!! Thank you!!!!

In case anyone else is wondering, you don't HAVE TO learn Token Studio. So, i was really excited for classes about Token Studio Plugin, but I just realised it costs about 50€ (the conversion to real - 'cause I'm brazilian - makes it turn to R$ 300 per month). I got really frustrated for a minute because I have no money to afford that. But after searching a bit, I came to realize that "Token" is actually a design foundation and learning this specific plugin will not make that much of a difference if you're looking for an UI job. If the company you work for uses it, then you will learn the tool as soon as you need to, but the important thing is actually to learn the tokens' whole picture and basics. Now I get why most of UI Collective videos are about Figma Variables and the theory behind it's structure - because they're for free once you already pay for Figma!💕 It's so good to know that this channel worries about subscribers' accessibility so much. I mean, Tokens Studio really IS expensive... Anyway, I decided to go over the subject just in case anyone else is wondering about it. It would be great to have a video about that here too! Thank you once again for the amazing content! 🥰🙏

Okay, you are officially and definitely my UI teacher. Thank you SO much for your channel and for keep sharing your knowledge!!! 🙏🥰

Hey we can use 'scoping' to limit all those primitives appearing everywhere unnecessarily, and limit semantics only to the related type.

This is a great video to demo to most people who don't understand levels of accessibility to be dealt with and also solutions for them. Great job sir

Next level of accessibility thoughts 🔥

Great!

I wonder how you are still underrated 🔥🔥🔥🔥🔥🔥🔥this is easily payable content (tho I have no money to pay💀) but stilllll🔥✌🏻✨ thanks man

It doesn't work when you want to use an element which have a fixed height (not huge contents). If the element have a smaller height than the slot so the element height fit to the slot height :(

Which one applies to non-code developers?

Great Job thank you😊

Variables with prototypes are a genius thing🔥

Thank you sooooo much for these classes, wonderful job!!

Thank you!

amazing!

Quick tip for the screenshot issue, I downloaded "Figma Beta" and set the Figma-UI to dark mode (to avoid confusion). Then I open the same file as I'm working within and then I can ALT+TAB between them to reference the variables.

What do you do with tokens that have transparency? I understand that it's better to avoid them, but what if I have a button that needs only one color (e.g., #000000 at 30% opacity) in both light and dark mode? Does it make sense to not create a token at all?

Seriously, this design system series of videos is very useful to me. Thanks a lot to the UI Collective store. Love to see more on Figma tutorials!

For the responsive variables, is there a reason you put values in for line height, font size, and paragraph spacing over using the brand scales?

Thanks, But doesn't work.

why don't the variables work on mobile app but works on the pc?