Web Design » Figma » How Do I Make Text Bold in Figma?

How Do I Make Text Bold in Figma?

Last updated on January 6, 2023 @ 7:33 am

There are three ways to make text bold in Figma:

1.  Use the Text tool.

Select the Text tool from the toolbar or press T on your keyboard. Then, click and drag to create a text box. Type your text into the box, and then select the text you want to make bold.

Click the Bold button in the toolbar, or press Ctrl+B (Windows) or ⌘+B (Mac).

Use keyboard shortcut to bold text in FIgma

2.  Use Format Painter.

Select the object with the formatting you want to copy, click the Format Painter button in the toolbar, then click and drag over the object or objects you want to apply the formatting.

Figma text font-weight format Use Figma built in text format painter

PRO TIP: If you are not careful, making text bold in Figma can easily lead to your text becoming unreadable. This is because the bold weight of the text can make it appear too heavy, and the thick strokes can make it difficult to read. When using a bold weight for your text, be sure to use a light color so that your text is still legible.

3.  Use CSS in your code editor.

If you’re working on a web or app design, you can use CSS to make text bold. First, open your file in a code editor like Figma mirror. Then, add the following CSS code to your file:

.bold { font-weight: bold; } 

This text will be bold.

Use CSS to bold text in Figma

How Do I Make Text Bold in Figma?
You can use one of three methods to make text bold in Figma: selecting the text and clicking the Bold button in the toolbar; using the Format Painter tool; or adding CSS code to your file in a code editor.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.