Understand the Color System of Human Interface Guidelines 2023!

In this Figma tutorial, I will show you how to create and use color styles in Figma according to the Human Interface Guidelines.

🚀 Create an account on Mobbin for free:

🔸 Chapters
00:00 Introduction
00:44 Reading the Human Interface Guidelines
05:31 Complex way of setting up a color system
09:19 Naming and Creating Color Styles
12:51 Applying Colors to Design Components
18:00 Thinking about Semantics and Token names
---------------------------------------­----
Mega Product Design Course for Beginners:

Webflow Course for Beginners:

Photoshop Tutorials:

Illustrator Tutorials:

After Effects Tutorials:

UI Design Tutorials:

Design Resources, Tools and Softwares:

Adobe XD CC Tutorials:

eSports Design Tutorials:
--------------------------------------------------------------------------------------------
Contact me :
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #designsystems #uidesign

[anbesivam]

Make detailed video on ux design process with the case study on some futuristic product problem statement

[clearlyvips]

thank god I watched this video late. Complementing this video by playing with the color styles in the Apple Design Resources file on figma community and What's New in iOS Design 2017 wwdc talk, will make this topic 100% clear.

[shrikantsubramaniam]

Ahaa! this is an absolute Eye candy ♥️

[SankethShetty]

18:00 is where the magic is. Handing off to designers vs handing it off to Engineers.

[rakshitjv]

Hey! Question.
I've read in multiple articles online that using as artboard color is not advisable. I believe the reason is that it causes visual fatigue and is too strenuous on the eyes. Even is not advised for artboard(dark theme)and text color.

But here, I see that you're using it and wanted your opinion on it

[pabitrashow]

One more knowledgeable video from you♥️

[shravanmadhyasta]

how did u move the colour window to the main workspace, doent seem to work in mine
16.50

[yegneshwarramesh]

Great Video Chetan. Could be please make a video about solving design problems using hypothesis based design process.

[playpiano]

Great video as usual Chetan Bro. One small change in 10:23 the hex is Please continue this HIG apple series.

[creativesam]

Hi Chetan, I was recreating Duolingo app screens as part of the design exercise for module 3 of your course. I referred to Duolingo's design system and created color shades for most of the colors used. Is it fine if some colors do not slightly match the shades that I have created?