crafting sharp UI palettes in Figma with Leonardo
try out Leonardo at https://leonardocolor.io/
the Figma plugins I used are:
Sort Layers: https://www.figma.com/community/plugi...
Styler: https://www.figma.com/community/plugi...
Color Style Guide: https://www.figma.com/community/plugi...
watch my interview with Henry about variables here: • He made 100s of Figma variables a day afte...
here are the five things designers should know about code: • what designers should know about coding
While editing this video I found this article about colour spaces. I’m going to make a new video about this shortly, but if you’re about to embark on a new colour system, I’d take the time to read and learn from what Stripe have done: https://matthewstrom.com/writing/gene...
---
▶️ Watch next
Creating stateful prototypes
• Create state in prototypes with variables
---
🌐 Get in touch at https://paavandesign.com/
💡 Got an idea for a video? Tell me here → https://forms.gle/Cf1W7Rwk7qDRkrVN6
🔔 Make sure you're subscribed so you don't miss any videos → / @p44v9n
---
This video was edited with Descript, which makes it easy to edit a video using the power of AI transcription. Try it here (affiliate) https://get.descript.com/j7stm9bed0d7
Screen Studio makes it easy to create beautiful screen recordings in minutes. Try it here (affiliate): https://screenstudio.lemonsqueezy.com...
All my recommended tools → https://paavandesign.com/links
00:00 Intro
00:42 what is a ui colour palette?
03:27 creating colour scales with Leonardo
04:53 taking them into Figma
06:47 what are Design Tokens?
07:32 updating an existing project