Тёмный

How to use Figma Styles & Libraries? 

Ansh Mehra
Подписаться 475 тыс.
Просмотров 73 тыс.
50% 1

🍿 Watch rest of the Figma Course - • Basics of Figma Series...
This is Episode 3 of Foundations of Figma where we will cover how to practically use Styles, Libraries, and Design tokens along with all the tips and tricks you'll need to use Figma like a professional.
Figma File for Download: www.figma.com/...
Foundations of Figma is the most practical and actionable Figma course you'll find on the internet with proper homework and resources at the end of every video.
🌏 Keep up with Design and AI:
🔗 / anshmehra.in
🔗 www.anshmehra....
🔗 / ansh
🚀 Complete Roadmap to a UX Design Career:
→ learnuiux.in/
🏆 Learn about Prompting and AI Tools:
→ www.howtopromp...
Resources mentioned in the video 👇🏽
🔗 Course Playlist Link: • Basics of Figma Series...
🔗 Figma Community Files - www.figma.com/...
👉🏻 UX Inspiration
pageflows.com/
mobbin.com/bro...
designvault.io/
uxarchive.com/
uxui.monster/
screenlane.com...
👉🏻 Learning
www.checklist....
learnmobile.de...
www.microcopy.me/
developer.appl...
uilearn.com/blog/
uxdesign.cc/47...
👉🏻 Marketing Inspiration
www.saasframe....
www.darkmodede...
www.webdesign-...
saaslandingpag...
www.landingfol...
marketingexamp...
godly.website/
effortlessly.io/
www.showreelz....
www.niceveryni...
land-book.com/
onepagelove.com/
👉🏻 Figma Resources
figmalion.com/
uxdesign.cc/th...
www.figma.com/...
awesomefigtips...
shortcuts.design/
ni...
figmacomponent...
👉🏻 Reading Material about UX
/ anshmehra
se...
builtformars.com/
history.user-i...
www.loversmaga...
/ garrytan
vanschneider.c...
uxmasterclass....
start.uxdesign...
👉🏻 Design System Resources
designstrategy...
www.designsyst...
designsystemsr...
component.gall...
heydesign.syst...
👉🏻 Research Tools
www.whocanuse....
answersocrates...
👉🏻 AI Tools + ChatGPT Playlist (Must for upskilling in 2023):
• ChatGPT Full Tutorials...
👉🏻 ChatGPT Explained - The Ultimate Guide For Beginners 2023:
• What is ChatGPT? Step ...
👉🏻 Midjourney AI - Complete 2023 Guide for Beginners:
• Video
👉🏻 Free Hindi UX/UI Design Course (for Designers):
• Learn UX at ₹0 in Hindi
👉🏻 Free English UX/UI Design Course (for Designers):
• Complete English Guide...
👉🏻 UI Redesign Playlist for practical hands-on learning
• Improving mobile app's...
👉🏻Writing UX Design Case Study: Step by Step Process (for Designers):
• Writing UX Design Case...
Do comment your reviews here or on Twitter (@AnshMehraaa) or share a story on Instagram (@anshmehra.in)

Опубликовано:

 

7 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 207   
@AnshMehraa
@AnshMehraa 10 месяцев назад
🍿Binge Full Playlist - ru-vid.com/group/PLlHtucAD9KT3wgeeVqILeW-0rYoQgR1Rh&si=4yajSMq_CPIfbBzE Figma File for Download: www.figma.com/community/file/1295389047112261243 🚀Complete UX Design Course (9 Weeks, 100% Free): → learnuiux.in/ 🏆Learn about Prompting and AI Tools: → www.howtoprompt.in/
@abhinav8385
@abhinav8385 10 месяцев назад
These type of courses are usually paid and can be seen on udemy etc. giving it away for free with industry practices is just wow. UX designers are blessed to have you!!
@AnshMehraa
@AnshMehraa 10 месяцев назад
Paid ones are also not that good tbh 🤭
@abhinav8385
@abhinav8385 10 месяцев назад
true 😜@@AnshMehraa
@musicsupport5319
@musicsupport5319 10 месяцев назад
​@@AnshMehraa sir please hindi me bhi videos banaya karo
@shivarajt9985
@shivarajt9985 5 месяцев назад
Very true. I'm amazed to see such a level of effort in detailing. Even after many years of experience, I am learning so much in basics from you @@AnshMehraa
@NirmlaPaliwal
@NirmlaPaliwal 3 месяца назад
@@shivarajt9985 hi i need suggestion. I am new in figma i had 3 experice in css,html, java script after 4 year i want to start my carrer in figma ux/ui so this field is good or not or where i can practice figma tool. thanks i hope you will reply me because you have experice
@Sumit_Bhise
@Sumit_Bhise 10 месяцев назад
DON'T MAKE THESE VIDEOS JUST BASIC. In depth videos are much needed. I'm jealous of your consistency and dedication, Ansh! Stay healthy and happy.
@JeyadarshiniRaja2020
@JeyadarshiniRaja2020 10 месяцев назад
I’m using this timeline for self-reference 😊 02:00 - MODULE 1: BASICS OF TOKENS & STYLES 02:06 - Three Buckets: Greys, Brand Colors, Semantics 07:30 - Greys 10:10 - Brand Colors 11:40 - Semantics 12:02 - Colorizing button system with different shades 13:45 - Color Tokens 14:30 - Abstraction, Alias 16:30 - Tokenization 18:03 - Levels of Tokens 20:54 - Real-life Example - 1 22:49 - Real-life Example -2 23:43 - Token Naming 25:13 - Component-specific, state-specific tokens 28:15 - MODULE 2: STUDYING REAL SYSTEMS 29:09 - Base Design Tokens: Anatomy 30:45 - Uber Color design tokens 34:05 - Uber: Color Token Types 35:37 - How Uber defined its greys 38:49 - Uber: Primitive tokens, Semantic tokens, Component-specific tokens 39:54 - Uber Token Name: Summary 43:08 - MODULE 3: PRACTICAL IMPLEMENTATION 43:20 - Color Styles 46:30 - Declaring Greys 51:01 - Type Styles 53:18 - Label styles 58:47 - Paragraphs 59:32 - Useful Figma plugins 01:00:18 - Libraries 01:02:23 - Inspiration for UI & Web Design, Resources to Learn Figma 01:03:10 - Resource for Design Systems 01:06:45 - Homework for next 5 Days
@yourartsychicc
@yourartsychicc 8 месяцев назад
you are so helpful thank youu!
@dv_one1
@dv_one1 6 месяцев назад
THANK SS
@Flomisek
@Flomisek 5 месяцев назад
I very much appreciate the “in depth” approach you have in your videos. Compared to 20 minutes of “figma for beginners” where people are explaining only the names of tools and they show you how to make a rectangle, your videos leave me with feeling of accomplishment. In the second video of this series I really liked that you added some articles, because it helped me with making notes and I think I found a lot of important details in there. This one was, as you said yourself, a bit confusing, but I am sure it will get easier once I start using what you brought to us in this video.
@flyingguitarist7026
@flyingguitarist7026 Месяц назад
Hey Ansh I am just getting started with Ux design , I don't know how others teach or the quality of them as i don;t have any contrast , i just started to learn ux from you so you are my base . So grateful to get started from you
@3323_SHRUTIROUNIYAR
@3323_SHRUTIROUNIYAR 3 месяца назад
The episodes shows how in depth things are there in designing and glad that you are teaching with such an ease. Thank you!
@jaykishan935
@jaykishan935 10 месяцев назад
I have been doing ui/ux since 1 yr bt ur videos have still taught me so much…..
@dishy9973
@dishy9973 2 месяца назад
DEFINITELY , THE VIDEOS ARE TOP NOTCH AS A BEGINEER I HAVE TO WATCH VIDEO TWICE OR THRICE TO KEEP UP WITH THE TOPICS , I DIDNT FIND ANY YT CHANNEL DELIVERING THIS QUALITY CONTENT , THANKYOU SO MUCH ANSH
@aartibandekar9520
@aartibandekar9520 5 месяцев назад
Yaayy! I've finally reached part 3 of this video series! I started with the Office Hours playlist and then switched here and the reason was simply to get Ansh's perspective and cover the major concepts quickly as Office Hours can initially seem overwhelming. After this, I plan to head back to Figma's playlist, as Ansh suggests. I've been following Ansh's roadmap for a while and sometimes I truly worry if I will make it to that high-paying internship that Ansh talks about but the only way to find out is to walk the path :)
@Shana-pi7id
@Shana-pi7id 10 месяцев назад
Hey Ansh, I have watching you since last 4 month and just wanna say, the way you explain things is commendable. I am a beginner, and you are the prime source for me. you are the biggest inspiration and a mentor for me. thank you for this RU-vid channel and also for the resources what you always share with us.
@Sanger2007
@Sanger2007 10 месяцев назад
Please dont stop making these in depth videos. Basic Stuff is out there already. The Reason I come to your channel is for this exact in depth study of tools and concepts. I know that it takes a lot of your resources and money to make these classes but I believe that Having a detailed course that only 5k people see is better than a simple one that millions do because those 90% of the 5k people would get their careers kickstarted because of you. Idk you obv understand things better but I would love to see this series and others like this continue
@troysmusicalroom5260
@troysmusicalroom5260 10 месяцев назад
1:08:06 bhaiya plz, keep on making these kinda in-depth videos. I had so much confusion with tokens & stuffs, but now they are so much clear. With some practice it will be crystal clear. Ik it feels “off” to see less response on videos that has so much hard work, but u’ll always have some numbers of dedicated loyal students who will watch these regularly. We need these kinda guidance, I need these kinda videos….thank you ❤️☺️
@NirmlaPaliwal
@NirmlaPaliwal 3 месяца назад
which web site you are using for practice
@naeemrind1776
@naeemrind1776 10 месяцев назад
Ansh, 🙂 I can't thank you enough for the amazing Figma video series. Your attention to detail and thorough explanations make a world of difference for designers like me. Much appreciated! And this series can be put on another site as a paid course but you have made it free. 👍
@user-ff7he8uj5z
@user-ff7he8uj5z 10 месяцев назад
I am learning UI/UX by watching your videos. Thank you so much for making such detailed videos that too for free. ❤
@jayant4927
@jayant4927 10 месяцев назад
I gotta say, it's an absolute gem! Your step-by-step breakdown had me feeling like a design wizard in no time. 🧙‍♂ The clarity putted into the tutorial made learning eazyyyy -Thanks a ton for sharing🚀✨. EK number contentttttttt BESHTTTTTTTT :)
@AnshMehraa
@AnshMehraa 10 месяцев назад
Thank you so much Jayant! really happy to read this
@TechMag10
@TechMag10 3 месяца назад
This is exactly what I was looking for! Thanks for such a clear and concise explanation of Figma Styles and Libraries. I feel much more confident using them now.
@VanshikaGarg-kb3nz
@VanshikaGarg-kb3nz 10 месяцев назад
Ansh this was a very helpful video i must appreciate it actually after finishing figma beginners playlist i jumped on the office hours playlist which is very advanced version so thank you for this playlist please keep on uploading this playlist..lots of love❤❤❤
@Mishkat.Chowdhury
@Mishkat.Chowdhury 5 месяцев назад
Thank you, Ansh. I've tried learning Figma from various sources, but I'm truly satisfied with your teaching. Now, I'm consistently learning Figma from you.
@NirmlaPaliwal
@NirmlaPaliwal 3 месяца назад
hey i am also watching ansh video but please suggest me where i can do practice. thanks
@ashivy03
@ashivy03 9 месяцев назад
Bhaiya I don't know if you'll read this, but consider this as a small request from a girl who has taken a step ahead in her life by watching your videos. Hands down, I haven't seen any video which is so in-depth about Figma and it is really the best resource. Please continue this series because it helps me to gain more knowledge about the core tool and also fills the gaps that I had while self-exploring the tool. All I can say is nothing but a thank you. For putting in so much work just to ensure that we as students can learn better. :) P.S.: Please upload the next episode toooooo!!!
@dipanshchhabda3716
@dipanshchhabda3716 7 месяцев назад
Things I loved about this course : 1. All the information is from an angle of how a beginner should explore the Figma world. 2. The industry-level terminologies and their usage. 3. The Hierarchy of the information presented. Thanks man for putting in so much effort.
@AnshMehraa
@AnshMehraa 7 месяцев назад
Thank you for recognising! Hope you finish all 10 videos
@harshitakhandelwal7860
@harshitakhandelwal7860 5 месяцев назад
I have watched 1 and 2. Made notes in Figma (not yet in notion). Posted those notes on one of my instagram page (because I ain't confident about LinkedIn yet) and just finished watching video 3. You are amazing Ansh 💙💛
@payalhora8424
@payalhora8424 10 месяцев назад
The content is so so so helpful for someone like me who is transitioning from a completely different field of work to Designing. Thanks for this✨✨✨✨✨
@Joemaniac
@Joemaniac 10 месяцев назад
I wasted 4 yrs in design clg and still wasn't taught figma beyond basics. The way u show real apps and decipher good designs and bad and review them, case studies and detailed lectures related to UI UX , I wasn't taught any of it in clg . This is so useful! Thanks a lot
@rashigothwal6041
@rashigothwal6041 3 месяца назад
I'm pursuing my masters in IXD design and just completed my 1st year, I've been following you since one year on all social sites, I just cannot articulate how grateful I am to you for giving me such a deep knowledge excluding all bullshit you talk straight with logics and I really want to say I have not learned anything good from my university but your courses have given me so deep knowledge about my course, I really thank you again and we are there to support you at all the platforms, you are doing a very great job. God bless you for this .... Lots of love and support from Jaipur
@ameenrrihan4251
@ameenrrihan4251 2 месяца назад
same case of most of the university, but content creators are working hard to educate us
@jollygolani2860
@jollygolani2860 2 месяца назад
Thank you so much Ansh for making these videos. I had a lot of doubts on figma, related to UX and slowly all are getting cleared in this series. :)
@harioandluigi4569
@harioandluigi4569 Месяц назад
You've made learning figma from beginner to advanced, a piece of cake!
@hardichudasama2077
@hardichudasama2077 10 месяцев назад
it's very useful for all the person who want to start learning figma..
@mahijain8565
@mahijain8565 2 месяца назад
These videos are really helpful. You are simply a gem thankyou Ansh for putting so much efforts for us. ❤
@KlaraChristie
@KlaraChristie Месяц назад
I am grateful to you for helping those new to trading become successful traders. Your advice and lessons are truly valuable to us!
@troysmusicalroom5260
@troysmusicalroom5260 10 месяцев назад
I’m very tired today so I’ll watch this video some other time, but I have only come here to like and comment because I already know this has to be a bomber….😂😍💯 Thank you so much Ansh bhaiya for standing beside us❤️
@akinbayoelijah887
@akinbayoelijah887 Месяц назад
Just getting to learn here. I must say this is amazing and educative!
@kartikeymehta4947
@kartikeymehta4947 9 месяцев назад
Got some time so thought to refresh some figma concepts and obviously had expected to get something new from Ansh like always. But to my surprise, this isn't just a series covering basics but it actually has very valuable content. Haven't thought of getting design tokens explained so clearly and easily. I know that you have reduced the frequency of video uploads for this series because of not getting that good response. But I'll request to kindly complete it, as it is very valuable for us.
@mahaksingg
@mahaksingg 5 месяцев назад
hi sir my name is mahak from madhya pradesh bhopal and i am learning figma from you i really appreciate every effort of yours and just dont stop keep teaching me you can change my life loved this vdo
@nikitasingh2656
@nikitasingh2656 7 месяцев назад
Ansh, first of all, thank you so much for creating such a detailed series for Figma; it's extremely helpful. To be honest, the first two lectures were easily understandable and fun, but this particular third lecture initially made me a bit anxious. I got confused and all, but as you said, to watch each of these videos at least twice, so I watched it again, and I got it. I understood completely what it was all about, and I am really happy now.
@Arkapratimbhatt
@Arkapratimbhatt 5 месяцев назад
Thank you for creating such a beautifully designed and well explained courses for absolutely free!!! It is a blessing to find this kind of knowledge on internet for free!
@dhananjaysingh2662
@dhananjaysingh2662 8 месяцев назад
Ansh, I have a request upon reading the comments I found out that many people including me were having difficulty in understanding how these concepts would work in real life and would be their implementations be like while working with a team. If you add a segment focused on this problem, it would be a real help. Love your content and thanks for these insights.
@murthysri8081
@murthysri8081 Месяц назад
Depth of this content is immense
@samuelsolarin7263
@samuelsolarin7263 3 месяца назад
This is the best Content on Figma I have seen so far on YT. Please continue to make them as detailed as possible. All love from the UK. You are saving me thousands of pounds man. Thank you so much, Ansh.
@AnshMehraa
@AnshMehraa 3 месяца назад
Thank you! In fact this is just the start. Once you finish the entire Figma Course, check out our UX Course (all for free) on LearnUIUX.in
@samuelsolarin7263
@samuelsolarin7263 3 месяца назад
@@AnshMehraa I am already on it I only came here to post comments, I love watching from the LearnUIUX platform it’s less distracting compared to watching on YT when you are tempted to click something else and ads
@harris3967
@harris3967 10 месяцев назад
I think this video explained very well about what are the things we have to do to make our lives and developers' life easier. But I had a question, Will this method work if the design and coding is going hand in hand parallel?
@manansomani2912
@manansomani2912 10 месяцев назад
Hey Ansh! I was truly impressed by the clarity of your content. The tokens concept was entirely new to me, and I'm eagerly looking forward to more of this insightful content in your upcoming videos. Thank you for sharing these valuable insights! ❤
@ujjwalbhatia5911
@ujjwalbhatia5911 Месяц назад
Thanks ansh for making such detailed videos. It is really helpful to understand how figma is used.
@hannahbluesky
@hannahbluesky 2 месяца назад
This video is a little bit more complicated than last episodes but I know I can understand better after rewatch it Thank you for your detailed video Ansh🩵☁️✨
@mirzasaif2325
@mirzasaif2325 6 месяцев назад
Hey Ansh ! thnkyou so much for your guidance. i've watched this video 3 times , it took me 3 days to complete this. Hats off to you brother. Once again thankyou so much!
@yogeshmadse3104
@yogeshmadse3104 10 месяцев назад
1:07:48 Please Don't make it basic, this course is really helping me a lot, i am following it and making notes on it in details.
@RajatKumar-ku7lx
@RajatKumar-ku7lx 10 месяцев назад
Great videos! Thanks for sharing this valuable information and that too for free. Would love to see the rest of the videos ❤
@neehalsayad9255
@neehalsayad9255 10 месяцев назад
Love your efforts bro, really appreciate you ❤❤❤
@user-te3li3kx7d
@user-te3li3kx7d 8 месяцев назад
At the end of the figma course please create a project and use every thing which we learned just for recall everything and understand how we start and complete project. Thanks for sharing value able content best figma course ever i was using figma for 2 years after your video, i think i don't even know the basics of figma.
@yugantsonawale
@yugantsonawale 3 месяца назад
Completed the above tutorial and it was again resourceful as always. Thanks for these in depth videos.
@yoshasanghvi1764
@yoshasanghvi1764 19 дней назад
loving it! Very insightful and detailed videos
@manoharchowdhary7202
@manoharchowdhary7202 4 месяца назад
Hi Ansh, Love the way you explain each & every thing in detail. Learnt a lot from these videos. Thank you very much for such valuable lessons.
@Unknown-uy2hh
@Unknown-uy2hh 10 месяцев назад
Awesome video! Can you do more videos on Design tokens? Like how to create a design token in figma and share it to developers. Doesnt have to be part of this course, but a seperate video completely.
@JeyadarshiniRaja2020
@JeyadarshiniRaja2020 10 месяцев назад
In-depth content is exactly what we need, Ansh! Thank you so much for your effort to bring this insanely quality content for FREE. As a newbie transitioning into UX Design, I’m so glad to find your channel. Your videos have helped me a lot in my self-learning process. Especially, this Figma playlist is an absolute gamechanger. And all those resources you curate from time-to-time are very useful.
@jelilabudu
@jelilabudu 3 месяца назад
There are are a lot to learn from the course.❤
@tayyabsohail8823
@tayyabsohail8823 10 месяцев назад
I see complete video I am really amazed of tokens how it help faster choosing right color. One thing I want to share that if any person study in college or university have student account can get figma pro free. I am using figma pro without any pay.
@Aesthetic.__.Senpai
@Aesthetic.__.Senpai 4 месяца назад
Thanks, Ansh for these videos they are very in-depth and no one is discussing this topics
@reshukashyap8901
@reshukashyap8901 9 месяцев назад
I'm following your videos bro and it's really helping to learn deeply about Figma. Please don't make it a basic videos there are tons already. we need deep knowledge about this to learn it in better way. You're really doing a great job. Please don't stop 😟. Complete the series please🙏🙏
@NetraShah-dt8gh
@NetraShah-dt8gh 4 месяца назад
bosss you are mind blowing , hats off 🙇‍♀ thank you so much sir for such efforts. "Mine inspiration"
@AnushkaPruthi
@AnushkaPruthi 4 месяца назад
Absolutely loved the content and how in depth the video is. Keep going! Learning more and more everyday from you. :)
@AnshMehraa
@AnshMehraa 4 месяца назад
Thank youu! Hope you end up finishing the entire course
@Jigyasa_4
@Jigyasa_4 8 месяцев назад
just in love with thw way you put everything across for beginners.
@swathimr8003
@swathimr8003 10 месяцев назад
Hello Ansh, This is a much detail oriented video. For a beginner like me of course it took me a lot of patience and effort just to sit and take notes on notion and I feel I am still figuring it out on a lot things since i'm trying to be precise. The videos that are made by you are very helpful and I feel I can only give you feedback once I start exploring and reading about the contents that you create as it requires a lot of efforts. Thank you for your effort and hardwork , would love to wait for more videos that helps people like me to gain more clarity of complicated topics in laymen's terms . :)
@adityasinghyadav78
@adityasinghyadav78 10 месяцев назад
please continue this series
@Ronak111222333
@Ronak111222333 4 месяца назад
Great work,this things are pretty simple at glance but actually help lot when work become systematic & efficient
@tina-be4yt
@tina-be4yt 6 месяцев назад
I am writing to express my gratitude, Thank you so much Ansh Sir.
@Shraddhapaints
@Shraddhapaints 7 месяцев назад
its soo helpful Ansh, Beyond your imagination.. for students who have been looted from so called design Mentor schools .. Thank you so much .. I will surely meet you in person some day and convey!
@AnshMehraa
@AnshMehraa 7 месяцев назад
Thank you!!
@swethadevarshetty657
@swethadevarshetty657 6 месяцев назад
Hello Ansh, Thanks for making these kinds of Video's Your Video's are much better than any 50k, or 60k Online BootCamp Videos
@Anvesh08
@Anvesh08 6 месяцев назад
Hey ansh . thank you for delivering detailed videos. Designers are blessed to have you😍
@shilpagupta2041
@shilpagupta2041 9 месяцев назад
please do not stop. It is really a gem for us. 🤩
@jeewatraj4137
@jeewatraj4137 10 месяцев назад
we are blessed to have you. thank you so much from the bottom my heart.
@shubhapaul2258
@shubhapaul2258 5 месяцев назад
Thank you bro for making such valuable content ❤
@faiza_aiza
@faiza_aiza 7 месяцев назад
Such valuable content you give us without any fee. Hats off to you!👏
@MonikaYadav-xg8ox
@MonikaYadav-xg8ox 10 месяцев назад
It's awesome.. Thankyou for this type of valuable content.. It's really helping alot for the new designers. 😊
@mohdxaiman
@mohdxaiman 10 месяцев назад
Dont stop keep going ansh please i can't thank you enough for figma series
@prasanjitdey124
@prasanjitdey124 10 месяцев назад
Thank you Ansh for this amazing video learned a log though I am late I hope I can keep up with your videos as you continue.......
@remax110
@remax110 10 месяцев назад
Your tutorial helped me tremendously. I look forward to the next tutorial. Thank you for all your hard work.
@alphaabhi21
@alphaabhi21 9 месяцев назад
bro your content is just superb, don't worry about views you will get them so soon as not everyone is coming to learn figma but with time this will be reaching to all, wish you the best for your future and thankyou for such a content ❤❤
@VanshikaMalik2105
@VanshikaMalik2105 Месяц назад
Thank you very much! Great content
@anmolbhargav2704
@anmolbhargav2704 9 месяцев назад
2nd shot is done gonna do practice now.
@ANITECH001
@ANITECH001 5 месяцев назад
00:04 Module 1: Basics of Design Tokens and Styles 02:17 UI colors are divided into three buckets: Grays, Bright Colors, and Error/Warning Colors 06:33 Colors in Figma can be categorized into surface colors, brand colors, and semantics. 08:35 Understanding color palettes in Figma 12:54 Introducing the concept of color tokens and styles for easy understanding and abstraction. 15:10 Using tokens as abstractions to define and control colors in Figma 19:14 Colors can have multiple levels of layering, but other styles like shadows, fonts, and spacing do not. 20:56 Organizing global color styles and component names in Figma Tutorial 24:32 Token names convey purpose, property, and component specificity 26:16 Explanation of tokens and their role in referencing root values. 29:55 In design, values are referred to as keys, which are unique identifiers. 31:48 Token names have two components: type and usage 35:26 Uber's color scheme is divided into separate categories for backgrounds, content, and borders. 37:21 Tokens and color hierarchy in Figma 41:02 Variables in Figma allow you to create a root value and link it to a global name, alias, and component. 42:53 Color styles and type styles are important in Figma 46:35 Learn how to declare color styles quickly using the soter plugin and batch renaming 48:38 Using the Styler plugin in Figma to save time and generate color styles. 52:18 Type styles in Figma can be categorized into label text, display, and paragraphs. 54:05 Naming and organizing text styles in Figma 58:23 Different ways to group elements using Figma 1:00:06 You can declare and publish Styles and Libraries in Figma 1:03:36 Design Systems provide valuable resources for UX designers. 1:05:32 Dedicated free courses for learning are available on learn .in. 1:08:50 Subscribe and hit the Bell icon for updates 1:10:35 The video is about Figma tutorial for beginners.
@user-ei9ht7hp8v
@user-ei9ht7hp8v 4 месяца назад
gtg for styles, color tokens, fonts as a good resource in figma🔥
@ShashankMAchar
@ShashankMAchar 19 дней назад
keen to hear ur figma classes brooo🎉
@musicalmood895
@musicalmood895 9 месяцев назад
Thank you so much sir for these amazing videos ☺️
@lavanyathippana9185
@lavanyathippana9185 10 месяцев назад
The knowledge you are sharing is incredible. I have one request i am new to this UX design course. So if it is possible, can you mention the series numbers on topics like 1, 2,3 so that it will be helpful to fallow the course in order for my better understanding. Once again thank you
@Talkbollywood-w2p
@Talkbollywood-w2p 10 месяцев назад
Can't hold myself to subscribe, great effort ansh👏
@anweshb8750
@anweshb8750 9 месяцев назад
Great videos ansh ! Thanks for sharing this valuable information and that too for free. Would love to see the rest of the videos.
@SgxDesigns
@SgxDesigns 10 месяцев назад
Learning Process 😍 This will be the best Playlist on your channel ❤
@user-be4eu3py5q
@user-be4eu3py5q 10 месяцев назад
love your content please don't stop making videos in details. You are the only reason I am loving UX UI and getting the confidence that will be able to get job soon
@nitin_nitjalandhar531
@nitin_nitjalandhar531 10 месяцев назад
Hi Ansh , I am a big fan . Hope you are doing well. I was watching your notion video and noticed that in your Learning Page , there was a sub-page of 'Mind opening stuff'. Can you tell me a bit about what it is or if it's possible, share some snippets from it. I want to find out how it may help me in my journey of becoming an influential Product Manager.
@ujjwalbhatia5911
@ujjwalbhatia5911 8 месяцев назад
Bro plz publish the whole course this is really beneficial for the beginners
@Myvlog23163
@Myvlog23163 Месяц назад
i have fix it's buy your video. thank you very much
@deepchanda1989
@deepchanda1989 8 месяцев назад
Wonderful video bro. Learn lot of things. Thank you so much.
@officialinsta9736
@officialinsta9736 10 месяцев назад
Thanks for sharing this. Loved your videos and learn alot from you. Love from Pakistan 🇵🇰❤️
@shashankhebbar581
@shashankhebbar581 8 месяцев назад
continue bro , I started watching
@akashjaladurgam4065
@akashjaladurgam4065 10 месяцев назад
Ansh thank you so much. You just did a great job!
@anuragkatam1825
@anuragkatam1825 10 месяцев назад
Finally ❤❤ Thank you so much for this course 💗
@gowthampadmashali4722
@gowthampadmashali4722 Месяц назад
Thank you Ansh!
@sofiagarciarojascamacho9377
@sofiagarciarojascamacho9377 13 дней назад
Amazing content! Thank you so much
@swatisucharita7557
@swatisucharita7557 8 месяцев назад
Thanks a ton, Ansh, for the fantastic content. You're truly transforming lives, and we're indebted to you! 🙌 ⁉️On another note, as a UI Designer working with design systems created by senior designers, how can we efficiently make tweaks like adjusting button size or modifying a data table component without detaching instances or messing with constraints and auto layout? Any quick and easy methods?
@Anshikaa25o
@Anshikaa25o 5 месяцев назад
Thankyou Ansh for such valuable information
@user-xv9dr4wb6x
@user-xv9dr4wb6x 5 месяцев назад
Awesome Ansh your content is very indepth thank you so much
Далее
How to use Figma Components & Variants?
1:10:38
Просмотров 67 тыс.
How to Make a Design System in Figma?
38:46
Просмотров 61 тыс.
Мама знает где все документы
00:21
Modus males sekolah
00:14
Просмотров 11 млн
How to Write & Document on Notion
47:20
Просмотров 54 тыс.
How to use Figma?
1:24:21
Просмотров 498 тыс.
How to Stay Consistent & Manifest Goals?
39:19
Просмотров 28 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 798 тыс.
My Top 5 Techniques for Web Animation
9:58
Просмотров 84 тыс.
The Easy Way to Design Top Tier Websites
11:54
Просмотров 377 тыс.
How to use Figma Frames & Autolayout?
1:01:31
Просмотров 128 тыс.
Мама знает где все документы
00:21