Next we want to make use of the variables we just set. Figma is so kind to display the variables hierarchically. It’s also a good practice to set base variables and reuse them in a semantic way.įor instance, I set a variable base/orange as a base variable and then used this color in another one called colors/state/warning. It’s possible to group them by separating the levels with a /, e.g. Since we want to set up the light and dark mode our first variable will be of type Color. It’s empty at first so we add our first variable by click “Create variable”. To reveal the variables we click on the this section and the variable modal pops up. In the right sidebar with the Design tab there’s now a new section called Local variables. To access the new variables feature you have to click outside the current frame, so that no object is selected. We ignore the auto layout settings because it won’t matter in this example.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |