Это видео недоступно.
Сожалеем об этом.
Build it in Figma: Create a Design System - Foundations
HTML-код
- Опубликовано: 23 июл 2020
- Create your style guide, type scale, and brand color scheme and turn them into shared styles, grids, and typography to kick off designing a design system from scratch.
Figma is free to use. Sign up here: bit.ly/2WRIe6s
Figma File: www.figma.com/community/file/...
#Figma #DesignSystem #DesignSystems #UXDesign
6:00 Typography
35:30 Color
44:30 Create color shade with gradient(tips)
Thanks man !!
Animations With Figma ruclips.net/video/aMFUuGZ9LEs/видео.html
For a moment I asked myself: "How does the lady in the video keep that smile for 1 hour?" 🤣🤣🤣
hahaha
Thanks for making me laugh :D
You idiots they took a picture of her
i just think like that, hmm the lady keep smile , hahahaha
LOL I thought the same
Thanks for doing these. I feel I just watched an episode of Bob Ross if he was a UI/UX designer
Totally! The modern day Bob Ross of digital design!
The more complex designs I’m creating, the more I love and appreciate design systems 🤩
This was really great! I’m looking forward to watching the whole process. You have an amazing teaching style! 🙏💥
Love that you're doing this series! Considering the move from Sketch and this is a really great walkthrough.
Do it, dude. Sketch is great, but there is so much more in Figma
Just a little fact from someone who loves math: it's a myth that the golden ratio is found "everywhere in nature". It's found in cacti and in some flowers, but most other places it's "found" are by people who are explicitly looking for it because they've heard it's so cool.
Don't get me wrong, it's *mathematically* an amazing number - a Pisot number (irrational number whose powers approach integers) - the most irrational number (by a certain measure of irrationality) in existence - its continued fraction form contains an infinite series of 1s - etc.
But it is *not* actually aesthetically much more special than any other number except because people use it all the time so we're used to seeing it and it looks familiar!
ruclips.net/video/sj8Sg8qnjOg/видео.html
AGREED 100%! I'm a math teacher, plus run a math/philosophy group. I have studied the Golden Ratio (GR) extensive, and written on it. It is indeed a very interesting mathematical object. But as noted, common/public perception is generally misinformed. In addition to 'The Great Dream's' comments, the GR as "most pleasing" ratio rectangle is unsupported. A "famous" experiment was done in the late 1800s, but has not been reproduced. For those truly interested in the matter, google "Keith Devlin golden ratio": he has thoroughly researched it, and spoken at length on it. TL/DR: Some GR claims are supported, many are not, a few are "grey".
@@swamihuman9395 concur, not to mention that everything may be thought of as mathematical.
@@ddellagostino Have you checked out the MATHEMATICAL UNIVERSE HYPOTHESIS, MUH (by Max Tegmark)? Not that I'm proponent, or have any definite assessment, but it is at least "interesting". Essentially, it states that the Universe is not merely described by math, but the the Universe is, in fact, a math object! Interested to hear your thoughts...
BTW, my math/philosophy group can be found on Facebook: www.tinyurl.com/WingCircle.
I love Figma - thank you for making the tool & resources to educate designers around the world! - Fellow Product Designer
Why did I pay for a Figma tutorial online class? 😭this is way better and it's free 😭
Very helpful! New to figma but it's been fun and easy to get into a productive groove. Thanks for the help!
Just what I'd been looking for! Thanks, Rogie! You're great!
Thank you so much for the clarity and step-by-step examples! One hour flew by with you!
This is so great! thank you so much, I am just learning to build my first Design Systems, these tips are super insightful
😉
When you randomly come across family while looking for tutorials. ROGIEEEEE!! Holla! Thanks for this! It really helped!
Thank you lord for this. Thank you Figma team. 👏🏾👏🏾👏🏾👏🏾👏🏾🙏🏾🙏🏾🙏🏾🙏🏾🙏🏾
This is an amazing resource. One thing I would love to see is that if you could list the plugins you used in this video in the description. Thanks.
Your an incredible guy dude, keep sharing your knowledge! Cheers from brazil
Thank you for doing this, Really helpful
Thank you for this great video! Need more of this content 🔥
wow! thanks Figma team for this video 🙂
Your style of talking and comedy reminds me so much of Mac in Always Sunny. Also great stuff, super helpful.
What a awesome tutorial love the 46:00 tip thank you. Thanks
Well put together 👏 an element of improvement would be word economy, it could be 1/3 the length, I say that with respect and good intentions 😊
Appreciated all your works. It's freakingly amazing. Thank you verrrry much.
For some reason, i felt people work in Figma always choose to use bigger font size. However if you look at the website, even this website, you will see the base case is 14px. Not only that, the is only 20px. Shocking?
really really helpful! Love Figma forever!
Great started! Thank you for made it.
Highly appreciated for sharing this!!!!
I'm two years late, this is cool-overwhelming stuff. love the FONTS t-shirt!
I am so grateful for this!
Great course! Thank you!
Thank you Figma... I am only starting today.. but looking forward
Very useful stuff!
Thanks a lot.
23:15 - The shortcut to increase or decrease font size is Cmd+shift+
Would be great if you could drop all the links mentioned in the video in the description.
commenting on this just so hopefully someone from the figma team drops them
Just check his Figma file. There are all links posted in the description.
@@maximbrykov Thanks bro
up
The links are in the figma file link www.figma.com/community/file/867135839870202854
Thanks for your all efforts.
Thanks for this!! love this
This is gold! Thank you
Can you also make a video on how to "use a design system" to create different layouts and end user screens?
I would love how you use variants and auto layouts when creating a design system
thing is he isn't using variants. The variant feature was added in October 22. A lot the complex naming etc. is useless
This s so useful! Thank you
Very confident and very frank!!
thank you so much for your help)it is a great video!!
Amazing video, thank you!
Thanks for doing this series! Is there a way that I can join in for these livestreams?
Thank you so much, Teacher.
great video. Thank you so much.
Such a good questions 🙌
I really needed the links on this videos.
Very good, thank you.
thnks Figma team :)
Great tutorial! How do you do at ~13:30 showing the buttons you hitting?! (CMD, SHIFT...)
i learn lot thanks mentor.
the dark mode background tip is fire
great video!
Man this is exactly what I needed, thanks.
Does Figma allow for text style overrides similar to sketch for attributes besides color like weight, capitalization, italics, etc? Would like to avoid creating alts if possible.
Thank you so much!
Nice video.
Thanks for this sir
Thanks! But consider recording at 60 fps next time please!
Anyone know the link he was referred to at the end?
Hey @Rogie you didn't drop the link to those articles used on the video. Please drop so we can read through. Thanks
He put everything in description of the Figma file on the Figma Community www.figma.com/community/file/867135839870202854/Build-it-in-Figma%3A-Design-Systems-%E2%80%94%C2%A0Components-Continued...
Great video sir,
Can I use this design system for my freelance work?
Can you access all the articles mentioned in the video? Or get the name of plugins?
I have a question about the font size choices - If you end up just adjusting the font sizes to 14/16/24... and so on then what's the point of doing all of the multiples of the Golden Ratio? Shouldn't there just be a standard font size and line height that is always used in any application or design system?
Great questions! 👍🏻
I was thinking the same!!
Did you get an answer?
great content, I really got value from this. thank you so much
Figma is the best for design system
thank you very much for this support for the community.
Thanks buddy ✨✨✨
I had a color defined for my Typography but when I made a text style out of it, the color wasn't copied to. Why is that?
great tutorial. thanks! does anyone have the color palettes plugin url?
Where can I find the speaker's social media? I like the way he explains things, makes it easy to understand.
really great! but please resize or use a laptop to record bc unless someone is using desktop to watch this, its impossible to read
Thank you for your video!
I just have one question: Why do we need so many Typography styles? Is it for WEB and APP? App's screen is small, I am not sure about very big and very small sizes...
for fun, of course...
what font you using for 'typography' word?
I have checked his file and I found out that the line height of the -Bold- is set auto.
Why are line height of -Body- and -Small- typo style are set? Although others are auto.
Is there a way to get the links he talks about?
The worst design error is the webcam placement position haha. The rest is awesome.
would you provide links to those Typo Sites?
in middle he is telling about sharing the article from where we can learn the line height , but i am not getting it where he have mentioned that.. can anybody just help me.
What about multiple-font type systems? Anybody have any good links?
Time to use Figma, thanks
anyone knows where i can attend his class? Rogie king?
Can you post the link to the flexible grid system? I wish there was a way to search comments it's probably here already.
where i can see the chat .he mentioned about
can you share the template?
why did you also make use of the multiples of 8 after using 1.62
Praying to the pet hair Gods. Thank you for this video.
Can you please share the website link you are using in the videos
If we create design system in the start of design the product after that when we combine elements in UI screen and if they are not looking good then what we need to do ?
I believe the person the person building the design system has to consider how the product is going to look like when building out the design system. Also, the process is iterative and it is expected to evolve. What do you think?
@@idrisayinde1612 hey bro, I need your help please
@@danekwunife4893 what would you like me to help you out with?
"Hold on... I have a small pet hair on my mouse that is not allowing me to do anything." - This is why I'm here. 🤣
I might get this all wrong becouse im a noob. but when you first multiply the font size with 1.62 and after that adjust it to a factor of eight. In my world you are not using the golden ration. You might as well just do the fonts with a factor of eight?
Please where can i find link to the plugin for color palette. I'm a new UX designer. Thank you.
How do we create a library in Figma?
where are those links?
For anyone looking for an intro to creating styles in Figma (rather than how to develop a typographic brand identity), skip straight to 28:20.
Amen!! Mo
Rogie! 👋
was that Pablo Stanley talking?