🎨 From Color Palette to Figma Variables in 2 Minutes!
1.8K views · 2025-02-01
UI Design
Move from defining your brand colors to creating reusable Figma color variables. Learn about color Theory to properly choose a suitable color palette for your Brand based on your target audience. Then explore how to generate color shades and tints with a plugin. Finally, use a single plugin to :
- Choose your palette & color harmony
- Create shades & Tints
- Bulk create color variables
#figma #figmatutorial #figmacolorvariables #figmavariables #figmaplugins
-------------------------------------------------------------------------------
Resources:
------------------------------------------------------------------------------
🔌 🌈 The Plugin by "Rohit Chouhan" 🌈🔌
https://www.figma.com/community/plugin/1286792998372727741/color-wheel-palette-generator
------------------------------------------------------------------------------
Helpful Videos you can watch Next:
-------------------------------------------------------------------------------
🎉🔥 Complete Figma series to master Figma in 2025🔥🎉https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
👩🏻💻‼️Must know for Design Leaders👩🏻💻‼️ https://www.youtube.com/playlist?list=PLXdRMPwB8CHn1Rcdz1V6nI6iNQigRuEKK
💁🏻♀️ 8px Figma Grid - Grid Styles for Pixel Perfect Designs: https://youtu.be/hxR2Aqy7ZZc?si=I3T_OL1PXqxPcG-j
💁🏻♀️ 4 best practices to Organize Figma files: https://youtu.be/PLOD5w4AqOw?si=8vzgLjub-Z1e2Hyb
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
-------------------------------------------------------------------------------
🧘🏻♀️ My Gear ⚙️:
-------------------------------------------------------------------------------
LED Recording Light: https://amzn.to/4b3Ey6p
Microphone: https://amzn.to/3EUoFmC
MacBook Pro: https://amzn.to/40XXjUc
🌸 Disclaimer: Links included in this description for my gear are Amazon Affiliate links. If you purchase a product or service with these links, I may receive a small commission at no additional charge to you! Thank you for supporting my channel so I can continue to create free content.🌸
-------------------------------------------------------------------------------
Music Credit
-------------------------------------------------------------------------------
Music: Better Days by Roa is licensed under a Creative Commons License.
http://creativecommons.org/licenses/b...
Stream / Download: https://hypeddit.com/roamusic/betterdays
License: https://roa-music.com
Support by RFM - NCM: https://bit.ly/2xGHypM
------------------------------------------
------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. introduction
0:13 #2. Brand colors with Color Theory
02:07 #3.First approach with 2 plugins
03:42 #4. The fastest way with 1 plugin
- Choose your palette & color harmony
- Create shades & Tints
- Bulk create color variables
#figma #figmatutorial #figmacolorvariables #figmavariables #figmaplugins
-------------------------------------------------------------------------------
Resources:
------------------------------------------------------------------------------
🔌 🌈 The Plugin by "Rohit Chouhan" 🌈🔌
https://www.figma.com/community/plugin/1286792998372727741/color-wheel-palette-generator
------------------------------------------------------------------------------
Helpful Videos you can watch Next:
-------------------------------------------------------------------------------
🎉🔥 Complete Figma series to master Figma in 2025🔥🎉https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
👩🏻💻‼️Must know for Design Leaders👩🏻💻‼️ https://www.youtube.com/playlist?list=PLXdRMPwB8CHn1Rcdz1V6nI6iNQigRuEKK
💁🏻♀️ 8px Figma Grid - Grid Styles for Pixel Perfect Designs: https://youtu.be/hxR2Aqy7ZZc?si=I3T_OL1PXqxPcG-j
💁🏻♀️ 4 best practices to Organize Figma files: https://youtu.be/PLOD5w4AqOw?si=8vzgLjub-Z1e2Hyb
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
-------------------------------------------------------------------------------
🧘🏻♀️ My Gear ⚙️:
-------------------------------------------------------------------------------
LED Recording Light: https://amzn.to/4b3Ey6p
Microphone: https://amzn.to/3EUoFmC
MacBook Pro: https://amzn.to/40XXjUc
🌸 Disclaimer: Links included in this description for my gear are Amazon Affiliate links. If you purchase a product or service with these links, I may receive a small commission at no additional charge to you! Thank you for supporting my channel so I can continue to create free content.🌸
-------------------------------------------------------------------------------
Music Credit
-------------------------------------------------------------------------------
Music: Better Days by Roa is licensed under a Creative Commons License.
http://creativecommons.org/licenses/b...
Stream / Download: https://hypeddit.com/roamusic/betterdays
License: https://roa-music.com
Support by RFM - NCM: https://bit.ly/2xGHypM
------------------------------------------
------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. introduction
0:13 #2. Brand colors with Color Theory
02:07 #3.First approach with 2 plugins
03:42 #4. The fastest way with 1 plugin