@@JesseShowalter Please can you make a step by step video on how to create a design system...like 'how to create a design system for dummies' sort of tutorial...
Enjoying binge-watching all your videos - Thank you for taking the time to not only share some of the best "how-to" content teaching design - that's online today, but you do so well teaching us! Top-quality production to present the content, too!
This is the first Design System I have seen which seems super logic! Thanks for this great short and to the point video... and nice to have an inside look at how others do stuff. I'll have some work upcoming now, designing my own system for several companies ;).
This is useful, so easy to understand and very simple explanation. Also your personality and attitude about design is inspiring! Thank you so much Jesse!
I Just had a Meetup about Design Systems! It's a great way to organize the design Pattern of aplications and interfaces. And figma is a great tool as well 😁 Thanks for the vídeo!👏👏👏
This is a GREAT video Jesse. I'm seriously studying UX as a career change and FIgma has smitten me as my tool of choice. Thanks for the great advice on building a design system!
Thanks, Jesse! A design system is definitely on my todo list and this has given me some inspiration to get that going. Have you thought about making a Sketch vs Figma vs XD video? I'm a Sketch user, but have good things about the other apps as well.
this could be the first video in a design systems series with a focus on figma. I got a lot of this video, would be great to implement some components together in a future video. Thanks for all that you do!
@@JesseShowalter LOVING your figma content, keep it coming!! would love to see some implementation of Auto Layout if you use it, and a more in-depth walk-through of how you use your design system with components in other files.
Hey Jesse. Just started using Figma instead of Sketch. So one difference I see here is that you override the styles of a component like a button by just turning layers on and off rather than changing a particular override right?
Hello Jesse, thank you for all the content ! Just a question, how much do you have to respect a design system ? For example, if I use a design system that suggest me three times of button but I want to make one bigger. Can I change its height ? Or should I respect strictly each component. I am struggling with this notion freedom / respecting strictly the design system components and foundations
Hey Jesse, great video! How much time did it take you to set up this design system? And do you struggle with perfectionistic thoughts when creating things? If yes, how do you manage them?
It took me an initial 8 to 10 hours to set up a Design system but it’s ongoing there’s a little bit of work done on it each and every day. Yes I do struggle with perfectionism but in the end I have to remind myself it’s better to be productive than perfect
i've created a frame for the background base, and turned it into a component but when i try to use it the program doesn't allows me to place anything inside that component frame. Any idea how to solve it?
Hi Jesse, thanks for the video. I'm experimenting with Figma, but I can set variations of the button component, as in the minute 5:16 how do you do the different styles in the component? Thanks a lot.
So I want to know how I can use a library of a design system and want to exactly know how to I use as a library in a different project . Also where do you collect your uncommon components and how do you apply library to them..
Do you know the tool Storybook? The idea is to build and work with your design system directly in code. It's super cool from a developer perspective because it documents your components and allows you to see variations interact with the component in isolation. It's also super easy to deploy to a URL of your choice.
Can someone please tell me.. how he is changing from full-size video to circular video(recording)? Is this achieved with video editing or there is a button or something like that? I don't even know how to frame the question :) Any help is appreciated.
Great Information! Thank you. small suggestion- Your thumbnail Video at Right Bottom is overlapping on the Inspector area & it's hard to see what actions you are doing there, I will be helpful if you manage to show the area when you are doing actions there. that's it. Thanks again for bringing another awesome video. Cheers :)
Great video Jesse.As always energetic and fun to watch and learn.One question, if it's not too much.As I can see that you have developed an app, can you teach us the process?Can you show us the steps that you followed?Thank you in advance. :)
@@JesseShowalter You don't how much I apreciate that you answer to my comment and also I want to thank you for doing this, for me and for all out there.Again, awesome channel, awesome content and an awesome content creator.😎😁❤️
Figma released variants in late 2020 so I would assume a lot of this in the video would change due to variants but the idea of nesting would still apply
Figma is not a design system it's just a part of a design system. It's more the UI kit. A design system is only real when code reflects options, components etc. i know Jesse knows just a lot folks think 🤔 they make in Figma say they created a design system.
What do you think about using Figma for your Design System?
I have more videos coming out on the topic
@@JesseShowalter Please can you make a step by step video on how to create a design system...like 'how to create a design system for dummies' sort of tutorial...
@@floraosatuyi6511 Figmas channel and mizko both have one
Enjoying binge-watching all your videos - Thank you for taking the time to not only share some of the best "how-to" content teaching design - that's online today, but you do so well teaching us! Top-quality production to present the content, too!
This is the first Design System I have seen which seems super logic! Thanks for this great short and to the point video... and nice to have an inside look at how others do stuff. I'll have some work upcoming now, designing my own system for several companies ;).
Hey, your tutorials learned me a lot. Very clear, concise and useful. Thanks! 🙏
This is useful, so easy to understand and very simple explanation. Also your personality and attitude about design is inspiring! Thank you so much Jesse!
Oh wow, thank you so so much! I’m so appreciative of your kind words and support!
I Just had a Meetup about Design Systems!
It's a great way to organize the design Pattern of aplications and interfaces. And figma is a great tool as well 😁
Thanks for the vídeo!👏👏👏
Sounds like a fun meetup
This is the video that I didn't know I needed. Thanks a lot Jesse!
You are so welcome
This is a GREAT video Jesse. I'm seriously studying UX as a career change and FIgma has smitten me as my tool of choice. Thanks for the great advice on building a design system!
Yes!! Go get em, Ozeki!!
This got me excited to move into Figma. Sketch has been irritating lately, and I'm excited to try something new.
Haha, get it!! 🤘🤘🤘
Great video - essentially it is like setting up a brand guideline within Figma. Exciting idea!
Thanks so much, Chris!
Thanks, Jesse! A design system is definitely on my todo list and this has given me some inspiration to get that going.
Have you thought about making a Sketch vs Figma vs XD video? I'm a Sketch user, but have good things about the other apps as well.
I’m not a big fan of those types of videos since I love all these programs
this could be the first video in a design systems series with a focus on figma. I got a lot of this video, would be great to implement some components together in a future video. Thanks for all that you do!
I'll do another Figma video soon
@@JesseShowalter LOVING your figma content, keep it coming!! would love to see some implementation of Auto Layout if you use it, and a more in-depth walk-through of how you use your design system with components in other files.
Hey Jesse. Just started using Figma instead of Sketch. So one difference I see here is that you override the styles of a component like a button by just turning layers on and off rather than changing a particular override right?
Hello Jesse, thank you for all the content ! Just a question, how much do you have to respect a design system ? For example, if I use a design system that suggest me three times of button but I want to make one bigger. Can I change its height ? Or should I respect strictly each component. I am struggling with this notion freedom / respecting strictly the design system components and foundations
I really liked it and I was waiting for the typography fonts. hope you make one
That’s awesome! Way more to come, stay tuned!
Thank you, it was good lesson for me. I understud few things about artboards and assets, it could be usefull to fast designing
Awesome👍🏼
Hey Jesse, great video! How much time did it take you to set up this design system? And do you struggle with perfectionistic thoughts when creating things? If yes, how do you manage them?
It took me an initial 8 to 10 hours to set up a Design system but it’s ongoing there’s a little bit of work done on it each and every day. Yes I do struggle with perfectionism but in the end I have to remind myself it’s better to be productive than perfect
this is gold!!!
Hi, how do you structure project files and all components for a responsive website (desktop, iPad, iPhone) and mobile app?
Haha great video! I love how you have the Adobe Illustrator sticker I created on you laptop! (:
Cool!:) Thanks!:)
Bufff Amazing video tnks bro
Thanks so much, William!
do you still need the instances with that naming now that the variant feature is out?
Hey Jesse, Will you do a step by step video on how to design this system becoz that's wonderful design system with as minimum as possible components!
i've created a frame for the background base, and turned it into a component but when i try to use it the program doesn't allows me to place anything inside that component frame. Any idea how to solve it?
Hi Jesse, thanks for the video. I'm experimenting with Figma, but I can set variations of the button component, as in the minute 5:16 how do you do the different styles in the component? Thanks a lot.
create the instance and then edit
So I want to know how I can use a library of a design system and want to exactly know how to I use as a library in a different project .
Also where do you collect your uncommon components and how do you apply library to them..
all this really depends on the project and the team your working with
Do you know the tool Storybook?
The idea is to build and work with your design system directly in code.
It's super cool from a developer perspective because it documents your components and allows you to see variations interact with the component in isolation.
It's also super easy to deploy to a URL of your choice.
I’m not familiar with story book, sorry
Can someone please tell me.. how he is changing from full-size video to circular video(recording)? Is this achieved with video editing or there is a button or something like that? I don't even know how to frame the question :) Any help is appreciated.
Jesse came into this vid with so much hype. I'm ready to CLICK THIS MOUSE.
How can I implement design system in react?
Great Information! Thank you. small suggestion- Your thumbnail Video at Right Bottom is overlapping on the Inspector area & it's hard to see what actions you are doing there, I will be helpful if you manage to show the area when you are doing actions there. that's it. Thanks again for bringing another awesome video. Cheers :)
Thanks so much, Sangy! I really appreciate your feedback! 🤙
Great video Jesse.As always energetic and fun to watch and learn.One question, if it's not too much.As I can see that you have developed an app, can you teach us the process?Can you show us the steps that you followed?Thank you in advance. :)
I will go more in depth soon
@@JesseShowalter You don't how much I apreciate that you answer to my comment and also I want to thank you for doing this, for me and for all out there.Again, awesome channel, awesome content and an awesome content creator.😎😁❤️
Hey Jesse,
If you were to do a design system today, with benefit of new updates and new learnings, how would you approach it?
Figma released variants in late 2020 so I would assume a lot of this in the video would change due to variants but the idea of nesting would still apply
Can u sharer the Figma on community?
I have been watching your videos and I just noticed the He>I shirt. Yay!!!
Yeahhhhhh!! 🔥🔥🔥
Design system is creating in the beginning of the project or after ready design?
It really depends on your workflow
-30db is your friend on your audio mixer :)
Very nice, but I don’t see any guidelines on when to use what...that’s a pretty important part of a design system..
I’ll try and clarify more in another video
damn, thanks
Thank you for the support, Ibrohim!
can Iget your file ?
Figma is not a design system it's just a part of a design system. It's more the UI kit. A design system is only real when code reflects options, components etc. i know Jesse knows just a lot folks think 🤔 they make in Figma say they created a design system.
Show off and Tell thought it was a how to.
Protip: Use Figmac instead of the Figma app.
I’ll check it out