How to Change Font in Figma: Simple Steps for Beginners

To change the font in Figma, select the text layer you want to edit, then go to the right sidebar under the Text section and click the font dropdown to pick a new font. You can also type the font name to search and apply it instantly.

Syntax

In Figma, changing font involves selecting a text layer and using the font dropdown in the right sidebar. The key parts are:

• Select Text Layer: Click on the text you want to change.
• Font Dropdown: Located in the right sidebar under the Text section.
• Search or Scroll: Find the font by typing its name or scrolling through the list.
• Apply Font: Click the font name to apply it to the selected text.

figma

Select text layer -> Right sidebar -> Text section -> Font dropdown -> Choose font

Example

This example shows how to change the font of a text layer named "Title" to "Roboto" in Figma.

figma

1. Click on the text layer named "Title" in your Figma canvas.
2. Look at the right sidebar under the "Text" section.
3. Click the font dropdown menu.
4. Type "Roboto" in the search box.
5. Click "Roboto" to apply it to the text.

The text "Title" will now display in the Roboto font.

Output

The text layer "Title" changes its font style to Roboto.

Common Pitfalls

Some common mistakes when changing fonts in Figma include:

• Not selecting the text layer first, so the font dropdown is inactive.
• Trying to change font on a group or frame instead of a text layer.
• Using a font that is not available or not loaded, causing fallback fonts to appear.
• Forgetting to check if the text is inside a component or variant that overrides font styles.

Always ensure you select the correct text layer and that the font is available in your Figma environment.

figma

Wrong way:
- Select a frame or shape
- Try to change font (won't work)

Right way:
- Select a text layer
- Change font from dropdown

Quick Reference

Here is a quick cheat sheet for changing fonts in Figma:

Step	Action
1	Select the text layer on the canvas
2	Open the right sidebar and find the Text section
3	Click the font dropdown menu
4	Type or scroll to find your desired font
5	Click the font to apply it to the selected text

Key Takeaways

Always select a text layer before changing the font in Figma.

Use the font dropdown in the right sidebar to pick and apply fonts.

Type the font name to quickly search and select it.

Ensure the font is available in your Figma environment to avoid fallback fonts.

Avoid trying to change fonts on non-text layers like frames or groups.