Thank you for the feedback, and 100% the new tutorial coming through have those. Unfortunately some of the older ones, will need a update! With the new UI3 for figma I will be doing a Big update on the channel 😃

Thanks for letting me know, I definitely do have a more technical style that's for sure 😊

Thanks for letting me know, I have been fixing up this stuff in newer videos, maybe I'll return to the old video and create a fixed version.

Yes as long as you keep the naming and layering the same, in all your icons then it will work.

It should be working, but if you're getting a bug please send a screenshot to [email protected]

Thank you for letting me know. Did you encounter an error or another issue? I tested the plugin with our team, and it is currently working on our end. If you are still experiencing problems, please send some screenshots of the error, and I'll look into it right away. [email protected]

Great, I hope it helps ☺️

The same way clearing input 1, there is a variable for 1, 2 and 3. When the field is selected and the clear button is pressed set the value to nothing or a space.

Glad you enjoyed ☺️, I'll see what I can do. I am not sure if I still have the fill.

The scaling collection should be there plus the size collection.

Maximum and minimum constraints are only available with auto layout, that being said a fixed frame works also. I also have an update to this video coming out this week coving line icons.

Unfortunately there is not any good way to manage multiple mode switching with variables. What you see here is a component variant with a fix mode on frame (A). Inside of frame (A) you can find another component instance which is a slot component. As you switch out the slot component with another component, let's call it Status-Element. That Status-Element adorable the mode of the parent frame (A), so if you want mode variations of modes then you will need to make more variant components with the different combinations of modes applied to them. Hope this helps ☺️

Design has always been an art and science. But it is more true these days, designers need to grow their technical skills. I remember to all designers to learn coding, system architecture, data science and how to research.

Thank you for watching, I'm glad it helped 😊

Hey Mohammed, Great question! The main goal of this video is to teach you how to maximize the use of Figma for creating functional prototypes. Currently, many tutorials focus on switching between dark and light modes. However, this video demonstrates how to use modes to switch between different visibility settings for various users. This means you can build comprehensive designs within a single screen that adapt based on user context, saving you tons of time. By learning this technique, you can create one screen that changes itself based on different user roles, such as admin, owner, or staff. This approach is much more powerful than creating multiple screens for each variation. For example, instead of designing and managing 12 screens for different user roles, you can manage it all in one screen and toggle between the different states. This not only speeds up your design process but also makes it more efficient and easier to maintain. Prototypes in Figma are perfect for quick user testing and development discussions. Unlike no-code platforms, which might take longer, you can create complex prototypes in Figma in just 5-8 minutes. This speed is crucial for rapid testing and iteration. It's important to note that these prototypes are not necessarily for client presentations but for development and user testing. They help in communicating ideas clearly with both development teams and product managers. In my experience as a head of design at a payment company, these skills are invaluable. They support smart, lean, and innovative solutions and are essential for anyone looking to excel in product design and development. Hope this helps clarify the value and utility of these prototype!

@@pixellink.design thank you for answering Now that i think of it yeah it definitely helps in user testing. I myself have faced the issue where i have to remind the user many times that some buttons won't work as this is just a prototype And i didn't think it only takes 5 to 8 mins to create a good functional prototype, maybe because I'm still learning all this variables tools etc. Do you have someone in your design team who specifically creates prototypes ? If yes, is it common? Because i really like creating prototypes but designing not so much, So if i really put my time and get really good at it, and combine with UX research it will be usefull i guess.

Sorry to hear that I just checked and it should be fixed, let me know if you are still having trouble. Thanks 😊

@@pixellink.design ya i got the access code but code is not working for some reasons

I would incorporate shadow colors at the appropriate level based on the system's needs. For each layer of your design variables, consider what changes and how that layer affects shadow values. - Will your shadow effect values adjust per component? - Will they adjust per application of thematic values? The video covers various possibilities for setting up effects using design variables. Depending on your system, I recommend understanding what changes are necessary and then identifying the specific layer where your effect values should be contained. Hope this helps ☺️

Thank you so much for your kind words and support! I really appreciate your feedback and am glad you find the videos educational. Your observations about the sound quality are invaluable, and I will definitely look into improving my microphone technique and setup. Constructive feedback like yours helps me grow and provide better content. Thanks again for watching and for your thoughtful input!☺️

Yes it's about time, this is a must have feature. I plan to do a deep dive on this.

@@pixellink.design you are awesome.❤ Waiting for more interaction design & Prototyping contents from you.😍❤

It's links to the full video in the description

kzbin.info/www/bejne/fHe5g42Pbtx5a5Ysi=faGn5cM2e-3Qa_Wp

Thanks, I'll look at it. And fix is

Updated the link, thanks for letting me know 😃

I am releasing a typography scaling video, that should address most of these questions. I just use a base scaling set and align the value into font size collection. If you want to split where you use variables, I would recommend spliting by types and use a primitive set of values called "scale" or "sizes". Then you can use the scale variables in specific sets like font size or spacing, padding, rounding, bounce ECT.

I am happy to help, you can share the file or I can find the project file and share it, if that will help?

Here's a quick explanation on how it collects a keystroke: www.loom.com/share/28126999c4c04c56ad659fa40a6b3e77 Here is the project file you can check out: www.figma.com/community/file/1363394116301781524/mini-input-and-keyboard

100% there is so much we can do with these! By using variable modes and different collections, you can create a super simple and easy-to-manage font set. These fonts can adjust easily across various screen sizes, and even change with different interactions-like when you hover over text to make it medium weight, or select something in a modal and the text weight changes inside. There's really a lot of potential to make your interface more dynamic and responsive! Plus, you can have different pages with unique brand labels, and these can switch up the text and fonts being used at any time. Pretty cool, right?

The video shows the use of a screen within a component, the outer frame has the mode and the screen inside is a component instant of the screen. You can use component switching to change the screens and the outer frame is a component variant, each has a fix mode.

So I can’t switch without the use of components, am I correct?

@@parasmistry600 I think not, your variables dont show the "modes" literary, only their names in which you can create the color, string, etc. variables for example i already had connected a variable to frame to switch it with dark and light mode but you cannot connect a "switch" component to switch it in a prototype like this

Glad you enjoyed it! What did you think of part 2?

😂 I guess so just not as old lol

I am out of the office, but you could try two things. Turn text into a flat vector shape or you can use modes and different text sizes components and switch between them with the different zoom levels. kzbin.info/www/bejne/jZmroJJ-d7mAiK8

@@pixellink.designare you back to office

I can do that, I'll look for the file and I can make it available 😊

@@pixellink.designthat would be great! thank you!

@@pixellink.design so i got it to work, how would i make it work with a scroll? like when it hits noon, it then changes automatically to PM? instead of after delay, it would be on drag

I'll send you a Lume, on a way you could achieve that.

Thank you that really means a lot, I really appreciate it. I am happy that my content helped. 😊

I am very happy it help 😊

Thank you for that 😊. I got a bunch of great content and design tools coming soon, so keep an eye out. Let me know if you have any things you would like to see I am always happy to create a video tutorial on it.

@zainebhaq4918 if you check out part 2 that covers those bits in more detail. If you are still having trouble let me know happy to help. 😊

That is strange, I'll look in to it maybe I can find a way to fix it. Thanks for letting me know

Thankyou for your support, it really means the world. If there is anything I can do to support you let me always I'll be happy to help!