This video helped me design a few screens in no time. Thanks for making me realise how helpful design systems are when you have to quickly come up with deliverables. I used this video to create a web app for a takeway assignment at a startup where I have applied for a job as a ux designer and guess what? I'm selected for the next round! If it wasn't for you, I wouldn't be able to achieve all this in limited time.
This is really great, especially for a developer like who doesn't want to draw shapes from scratch, but just use a pre-defined system to quickly design!
but you didnt show us how to reuse the components of the design system in the free version. How can i recall components on a new page to create a screen?
Firstly, loved this walk through so I chose it for my introduction to design systems. After spending the time recreating all colour and making them variables, I decided to move onto the buttons. Following back through this video at around 7:00, I go to duplicate the button as you do and get "the properties and values of this variant are conflicting" thinking I somehow messed something up earlier. I opened a fresh file that you've supplied and even then, the same action generates the error. I'm utterly stumped. Forums mention something about 'renaming variants' which hasn't gotten me anywhere. I could have sworn a month ago when I first downloaded this I didn't have this issue. Any help would be appreciated.
I think the conflict is to do with the text within the buttons. When I try to duplicate any button. Every button snaps to read 'button' also changing any text within any button will result in all buttons stating what I've typed. Again thank you for this product and I hope you could provide some insight.
Hi, does this mean that the design system can only be used in the team project it was moved into? Because from what I see and understand, any changes made in the main file will affect all children, making the components still dependent on the main component in the template. Is there no way to use the same template but make the changes affect just the app you're designing?
All I'm trying to say is, should you have the element from the design system template being used in two or more designs instead of just one, will making changes to the main file affect all designs? If yes, then how do you make each design independent?
How much is the paid version? I tried looking for it and can't find it. Also, thank you for your explanation. The video was super helpful and the design system is very easy to follow especially because you have descriptions of how they can be used in the designs. Thank you!
Thank you for kind words Paola :) My design system is free (find it here: www.figma.com/community/file/1131891137727824106), and here is the pricing for Figma: www.figma.com/pricing/
Hi! You've probably copied the wrong design system: I have several. The one that you need in the description to this video. Here is the link www.figma.com/community/file/1131891137727824106
Hi! l want to duplicate a design system so it has different color styles but the components remain the same and they get updated when the “main” design system is updated. ls that possible? Should this be done with the “branch” feature?
Hey! Yes, you can keep your components the same with branching. The components in the branch will be updated though, but it won't affect other connected files.
Hello, what I can't understand is why the options for "libraries available in this file" 11:03 do not appear on mine. It always appears that "I can activate this library option in my drafts in my user account settings", but when I click, that doesn't solve it, because it returns to the empty libraries screen, with the same message.
Hi! It might be because the library is in the drafts and not in the project. Libraries can be published in the paid projects in Figma. As an alternative, you can work on your designs in the same file, like in the second half of the video.
@@irina_nik Ah I didn't know it was a paid feature. that was what frustrated me the most in my learning, because I never knew what to do from that point on and you explained it well. I thank you!
Thanks a lot Irina for this amazing tutorial! I was searching all over to find out how to properly link any design systems to my Figma file. I have a question. Is there any difference between "publishing library" vs. "moving to project and then publishing?" Thanks.
Thank you so much for this tutorial! I was so confused on how to actually implement the design system once I had created it. Thank you Irina!
This video helped me design a few screens in no time. Thanks for making me realise how helpful design systems are when you have to quickly come up with deliverables. I used this video to create a web app for a takeway assignment at a startup where I have applied for a job as a ux designer and guess what? I'm selected for the next round! If it wasn't for you, I wouldn't be able to achieve all this in limited time.
Wow, I am super glad it has helped you! 😃 Good luck with your next interview!
@@irina_nik I got selected!! I'm officially a UX designer now!
@@Pratyushz Congrats 🎉
@@YourFaveDesigner thank you!
awesome tutorial! thanks a lot. I'm def going to follow your UI design course & use your design systems
Thank you Walton!
Very Informative video! Lots of doubts and use cases are solved... Thanks
Amazing work Irina! cheers from México
Gracias! :)
You are incredible Irina!
No, you are incredible! ahaha
the most helpful video i have seen in a long time thankyou so much!!!!
Glad to hear that Roman!
Nice tutorial , i will suggest to use batchstyler plugin to change typography font face at one click also it work for colors as will !
Thanks for the tip, didn't know about this plugin :)
I was really awsome video and I checked yours Figma community profile. It is really helpful to. Thanks for making great content.
Very Good Video.... Love From India 🙏❤️
Thank you, Satyajeet 🙌
Clever Girl!! Go go! Super useful information!
Hi Irina, Love your work!!
Thank you so much!
Finally, strict content without fancy bla bla bla
As a developer, receiving this would be a dream
Nicely done!
youre perfect!!!!!!!!!!!!!!!!!!!!!!!!
thank you! very helpful
Very helpful! thanks a lot!!!
Irina Nik--- Thanks its helpful
Great tutorial, thank you.
This is really great, especially for a developer like who doesn't want to draw shapes from scratch, but just use a pre-defined system to quickly design!
Thank you for best lesson about design system
Thank you so much Irina for your amazing work :)
Great Video. Thanks for sharing
This is very insightful and helpful, Irina. I've been looking for a tutorial like this. Thank you very much.
Thank you Ibukun, glad you liked it :)
This is Great and Very Helpful
thanks Irina :)
Beautiful and insightful
You are amazing!
good job thank you
but you didnt show us how to reuse the components of the design system in the free version. How can i recall components on a new page to create a screen?
Newbie subs. Thanks you and i am new and learning for this Design and please upload for this tutorial and helps me alot to grow my skills.🙏
Thank you, I sure will!
Firstly, loved this walk through so I chose it for my introduction to design systems. After spending the time recreating all colour and making them variables, I decided to move onto the buttons.
Following back through this video at around 7:00, I go to duplicate the button as you do and get "the properties and values of this variant are conflicting" thinking I somehow messed something up earlier. I opened a fresh file that you've supplied and even then, the same action generates the error.
I'm utterly stumped. Forums mention something about 'renaming variants' which hasn't gotten me anywhere. I could have sworn a month ago when I first downloaded this I didn't have this issue. Any help would be appreciated.
I think the conflict is to do with the text within the buttons. When I try to duplicate any button. Every button snaps to read 'button' also changing any text within any button will result in all buttons stating what I've typed. Again thank you for this product and I hope you could provide some insight.
You're awesome human
Thanks. glad to be of service to you)
Hi, does this mean that the design system can only be used in the team project it was moved into? Because from what I see and understand, any changes made in the main file will affect all children, making the components still dependent on the main component in the template. Is there no way to use the same template but make the changes affect just the app you're designing?
All I'm trying to say is, should you have the element from the design system template being used in two or more designs instead of just one, will making changes to the main file affect all designs? If yes, then how do you make each design independent?
so helpful
How much is the paid version? I tried looking for it and can't find it.
Also, thank you for your explanation. The video was super helpful and the design system is very easy to follow especially because you have descriptions of how they can be used in the designs. Thank you!
Thank you for kind words Paola :)
My design system is free (find it here: www.figma.com/community/file/1131891137727824106), and here is the pricing for Figma: www.figma.com/pricing/
Thanks! That was super helpful
Thank you. I'm glad you liked it.
Hey friend, What is the size of the typography pada web dan apps itu berbeda?
Thanks a lot. But I only have access to Typography and color. Does anyone have the same issue?
Hi! You've probably copied the wrong design system: I have several. The one that you need in the description to this video. Here is the link www.figma.com/community/file/1131891137727824106
Hi! l want to duplicate a design system so it has different color styles but the components remain the same and they get updated when the “main” design system is updated.
ls that possible? Should this be done with the “branch” feature?
Hey! Yes, you can keep your components the same with branching. The components in the branch will be updated though, but it won't affect other connected files.
I am a programmer. I know and have hands-on in system design . What is design system .🙄🙄. I don't know figma
Hello, what I can't understand is why the options for "libraries available in this file" 11:03 do not appear on mine. It always appears that "I can activate this library option in my drafts in my user account settings", but when I click, that doesn't solve it, because it returns to the empty libraries screen, with the same message.
Hi! It might be because the library is in the drafts and not in the project. Libraries can be published in the paid projects in Figma.
As an alternative, you can work on your designs in the same file, like in the second half of the video.
@@irina_nik Ah I didn't know it was a paid feature. that was what frustrated me the most in my learning, because I never knew what to do from that point on and you explained it well. I thank you!
Thanks a lot Irina for this amazing tutorial! I was searching all over to find out how to properly link any design systems to my Figma file. I have a question. Is there any difference between "publishing library" vs. "moving to project and then publishing?" Thanks.
omg i love it, thanks