All right, so there's two parts to it... let's look at the Component Properties at the moment... so what you do is you select any Main component... it doesn't have to have variables, going to use this one here, just because... and by default if I look at the instance of this button... you can see, there is all of the effort that I put into component properties...
but look at all this other stuff that potentially... somebody who's using my component... the rest of the team, the client that I've designed this for, in Figma... they have access to all of the stuff, I don't want that. So what I can do is, I go back to the Main component... go to the component name, in your Properties Inspector...
mine's called Button Main, there it is, there... I'm going to click the little 'Settings'... and there's this thing, Simplify All Instances... and what it does was, is now, when I look at this... can you see, all of that stuff down the bottom is gone... all the Fill color, Stroke, the effects, any of that stuff is just tidied up...
they can still get to it, into this... what we're trying to do is make it easy to use, and kind of-- I'm going to turn that on and off... I don't know how to reset it, I just kind of do that... and it's back to being nice and clean. We're trying to focus the people on using this when they're using it... only the things that I've said you're allowed to adjust...
I don't want you adjusting the effects, the Fill, the Stroke... just want you to be working on the stuff... that I have kind of laid out in my component properties and variables... that's it, don't touch anything else, please... and obviously they can, if they need to. So that is the Properties Inspector...
let's look at the other thing it does, going to jump, 'PgDn', to the next page... I'll use this card here that we made earlier... this is the instance of that card... so without anything added to it... you can see, I can see the Text and the Price... there is this Price instance over here, there's Price...
there's the Early Bird instance... there's all sorts of stuff in there. So the same thing happens, watch this, if I say, Main component... I'm going to find that name here, find the settings or configuration... and say, 'Simplify All Instances"... it means that when I select on this, can you see, look, it tided it all up...
it just means it, you know, just stops people getting overwhelmed... if they maybe are a junior designer, even if they are a senior UX designer... it might be that it just gives an indication about... what to change, what not to change... and what ends up happening over here is... it's, you can still see all layers, right?
Sometimes you will see some layers but not others, why is that? It's, you decide, as the creator of the Main component... you can decide which layers get shown by giving them component properties... we did this earlier in the course before we learned component properties... but let's say now, let's select on this... grab all of them and let's add our text...
we're going to create a property, this one's going to be called "Text 2" "Why is there already a text, Dan?" It's because I've re-recorded this video... and I had a Text 1, and I forgot to delete it, anyway. So I've added this text property here, my component property... the difference now, when I say, you, my friend are... you know, 'Simplify All Instances'... this thing now will show...
that layer, that I'm meant to be working on and changing... but not all the other layers... before, this was hidden all in there... because there was no reason for me to get in there... because there was no component property, do you understand? So it does two things, this thing over here is really tidy...
doesn't have all the Fill and all the Stroke... and all the effects, like it does before... and in addition it tidies up the layers... and will only show you the things that have been set as a component property... both here, there it is, I can change it over here, or I can change it in Layers... cool, huh?
When you wouldn't be using them? I would use them for myself probably... even my future self... will probably want to get in there and dig into it... and it doesn't really stop anyone, but if I was... making sure this was ready for a larger group to use...
definitely be turning that on. All right, that is simplifying instances in Figma... on to the next video.