fbpx

How to Use the Android Template Colors in Figma

Templates can come with several features. Most will include tools to help you with the application or website design. This tutorial will explore the Colors feature included in some templates and how to get the best from it.

Templates are Cool

Templates can be maaaaaajor life saviors, and you will see why. We choose an Android template to exemplify the Color feature in this case. However, we recommend sticking to specific color palettes in the application or web design, not only because you don’t need to overthink it but also because some color palettes do not match every screen device. 

aoHZCAL73KlK3Qlk4x3RSdt6L7FiQ9jkDNKRDLnMvdAw9u E7JL4OVlYWM85 gOXDnNsQgeSH6CfNyXbXf5 988Ci ut y U1FXMTZ7RCiu2NRTSKZ3

As you see in this example presented, the default colors are the ones that will generally match any screen device and what most Android apps will commonly use. If you use a color palette very different from Android identity colors, the app will feel unfamiliar with what the user is used to regarding Android products. In most templates, you will see the color swatch and the hex code to copy/paste the same color in any project.  

NOTE: Remember that we go for what feels familiar to us as users. 

The full-color palette offers lots of options for us to play as designers. The range of colors is presented as how they’re seen in the light spectrum. So we have the Default option, the light color palette, and the dark color palette. 

Color Schemes 

Then we have the Color Scheme, which defines and displays every variation usable for Android. However, you can still use them, ensuring they won’t be away from the Android identity colors and will match any screen device.

And now we are done with this feature. Keep it simple. Keep it fun. Keep exploring Figma, and stay tuned!

user