How to Create a Neutral Color Palette for a Design System - Figma Tutorial

Опубликовано: 11 Октябрь 2024
на канале: Design Pilot

8,085

178

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://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: https://learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsys...

🔗 -    • Ultimate Guide to Figma Variables and...

🚀 Create an account on Mobbin for free:
https://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 Design (UI/UX) Cours...

Webflow Course for Beginners:
   • Webflow Course for Beginners

Photoshop Tutorials:
   • Photoshop CC Tutorials

Illustrator Tutorials:
   • Illustrator CC Tutorials

After Effects Tutorials:
   • After Effects CC Tutorials

UI Design Tutorials:
   • UI Animation/Interaction Tutorials

Design Resources, Tools and Softwares:
   • Design Resources, Tools and Softwares

Adobe XD CC Tutorials:
   • Adobe XD CC Tutorials

eSports Design Tutorials:
   • eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter:   / kvschethan
Instagram:   / design_pilot
Mail: [email protected]
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#designsystems #productdesign #figmatutorial