Here is where you’ll set the primary brand colours, logo and typography for your version of Studio Figma. We have made it simple for you to change all of these quickly and easily withing Figma.
1.1 Colour Globals
In this section, you'll find six colour groups, and within each colour group, you will discover variants of colours to use for your designs within Studio Figma.
Modifying these colours is as simple as selecting the colour style you would like to change and then altering it. These changes will then carry throughout the designs that have already been prebuilt for your convenience.
To understand where the design colour object associations lie, you can simply advance to the Component and Block pages within the Studio Figma file.
From there, you can also change the colour of the selected object or alter the global colour of the selected object.
Note: This will then change all other objects associated with this colour
This section shows two versions of our logo, one colour and one white.
It is considered best practice to have a logo that can contrast with different colours, especially light and dark, can increase your design’s versatility.
To change the logo within this file, you will need to swap the “Logo Image” layer with your chosen logo.
The recommended file type for this would be an SVG file, as this allows you to scale your logo to your needs without distorting the quality. However, should you not have access to an SVG version of your logo, the Figma design tool supports the following image file types:
- SVG (Vector files)
- PNG, JPG, GIF (Image files)
Once you have swapped out the logo for one of your choosing, you will see the change throughout your Studio Figma file.
Within this section, you will find typefaces used for heading and body text.
We have created text styles to make altering your chosen typeface relatively simple within Studio Figma.
You will also find that heading and body text will have their components and variants already created; this will help you create a consistent look and feel for your designs. When creating your designs, you can also swap between components that contain your typefaces for ease of versatility.