How to Create a Neutral Color Palette for a Design System - Figma Tutorial
Вставка
- Опубліковано 6 сер 2024
- 🚀 Get 2 free months of Skillshare Premium & watch my design course for free: skl.sh/2TVhf8z
In this video, I'm going to dive into creating a Neutral color palette. We'll start by examining the colors used by Uber. Then, we'll organize and arrange the colors, filling in any missing spots. Finally, we'll create Figma variables for each color, ensuring easy customization in the future.
🚀 The Ultimate Guide to Become a Product Designer: learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: learnproduct.design/designsys...
🔗 - • Ultimate Guide to Figm...
🚀 Create an account on Mobbin for free:
mobbin.com/?via=chethan
🔶 Chapters
00:00 Introduction
01:12 Understanding Uber's Neutral Palette
02:09 Extracting Colors from Airbnb Screens
08:47 Mapping Colors with Tailwind CSS Colors
15:37 Using Material Design Palette Generator
16:19 Creating and Applying Variables to Swatches
-----------------------------------------
Mega Product Design Course for Beginners:
• The Mega Product Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: designpilot21@gmail.com
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#designsystems #productdesign #figmatutorial - Фільми й анімація