No video

Figma Tips ⚡ - Colour styles vs variables

  Рет қаралды 9,733

thejunboy

thejunboy

Күн бұрын

Пікірлер: 18
@drewbeck1000
@drewbeck1000 15 күн бұрын
Super useful video! I really appreciate the work you put into communicating the different layers of hierarchy. Very clear and clarifying. I'll note that today it looks like they do now support variables in effects! You can select from your libraries when choosing an effect color.
@thejunboy
@thejunboy 12 күн бұрын
Really appreciate the feedback - yea a lot of updates have happened since these videos!
@NiveythaWaran
@NiveythaWaran 11 ай бұрын
Was looking for a video explaining the difference between styles & variables. Super useful and informative, thank you!
@thejunboy
@thejunboy 11 ай бұрын
Great to hear it was useful! All the best in your Figma journey
@theblowupdollsmusic
@theblowupdollsmusic 4 ай бұрын
Thank you so much for putting this video together and explaining the differences clearly.
@thejunboy
@thejunboy 4 ай бұрын
You're very welcome!
@user-mm4wz2kn9j
@user-mm4wz2kn9j 7 ай бұрын
Thanks, great explanation!
@thejunboy
@thejunboy 7 ай бұрын
You're welcome! Thank you!
@ericwangphotography447
@ericwangphotography447 11 ай бұрын
Great tips! I did not know much about variables before
@thejunboy
@thejunboy 11 ай бұрын
Glad you could learn something !
@ericwangphotography447
@ericwangphotography447 11 ай бұрын
@@thejunboy I always learn from you bless 🙌
@streemsofwater
@streemsofwater 7 ай бұрын
On 3:33 - In Tokens section of Local Variables panel, I can see each token is connected to which primitive. Is there a way that I can see each primitive is connected which token?
@thejunboy
@thejunboy 7 ай бұрын
appreciate the comment - there isn't a native way to view this in Figma nor have I found a plugin that can allow us to manage all of the variables and see how they are all connected. noting that variables is still feature in beta, hopefully this feature comes in down the track.
@streemsofwater
@streemsofwater 7 ай бұрын
@@thejunboy Thanks for your explanation! I appreciate it.
@mtc1516
@mtc1516 10 ай бұрын
It's very confusing😢can u show us how the global token semantic and component tokens works in a figma file?
@thejunboy
@thejunboy 10 ай бұрын
this concept is only relevant if you're working on a design system. your base token variables you could create brand colours. e.g white = FFFFFF, primary brand colour = 000000. your semantic token variables can then reference these base tokens through alias. a light mode button component might have these alias. border colour variable = primary brand colour variable fill colour variable = white variable text colour variable = primary brand colour variable a dark mode button might be. fill = primary brand colour text = white. if this concept is too complex, i would recommend exploring videos on design tokens and design systems.
@tracyy6619
@tracyy6619 4 ай бұрын
I miss Sketch
@thejunboy
@thejunboy 4 ай бұрын
What do you miss about Sketch? I've used it once and found Figma much easier to grasp and use.
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 299 М.
Bony Just Wants To Take A Shower #animation
00:10
GREEN MAX
Рет қаралды 7 МЛН
The Joker kisses Harley Quinn underwater!#Harley Quinn #joker
00:49
Harley Quinn with the Joker
Рет қаралды 14 МЛН
Mastering Colour Tokens in Figma: From Beginner to Advanced
29:40
Master Figma variables in 7 minutes
7:13
Flux Academy
Рет қаралды 59 М.
Learn how to use Boolean Variables in Prototypes | Figma Bites
4:06
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 789 М.
Ultimate Guide to Figma Variables and Design Tokens!
33:04
Design Pilot
Рет қаралды 38 М.
Bony Just Wants To Take A Shower #animation
00:10
GREEN MAX
Рет қаралды 7 МЛН