FigmaHow-ToBeginner · 3 min read

How to Change Font Size in Figma: Simple Steps

To change font size in Figma, select the text layer and then adjust the Font Size value in the right-hand properties panel under the Text section. You can type a new number or use the up/down arrows to increase or decrease the size.

📐

Syntax

In Figma, font size is controlled through the Font Size field in the Text properties panel. The syntax is simple:

Font Size: A numeric value representing the size of the text in pixels (px).

You can enter any positive number to set the font size.

figma

Font Size: [number] px

💻

Example

This example shows how to change the font size of a text layer from 16px to 24px in Figma.

figma

1. Select the text layer by clicking on it.
2. Look at the right-hand panel under the Text section.
3. Find the <code>Font Size</code> input box.
4. Change the value from <code>16</code> to <code>24</code>.
5. Press Enter or click outside to apply the change.

Output

The text size updates immediately to 24 pixels, making the text larger and easier to read.

⚠️

Common Pitfalls

Some common mistakes when changing font size in Figma include:

Not selecting the text layer first, so the font size option is disabled.
Trying to change font size on a vector shape or non-text layer.
Entering zero or negative numbers, which are invalid.
Forgetting to press Enter or click outside the input box, so the change does not apply.

Always ensure you have a text layer selected and enter a positive number for font size.

figma

Wrong:
- Select a shape layer and try to change font size (no effect).
- Enter 0 or -5 in font size (ignored).

Right:
- Select a text layer.
- Enter a positive number like 18 or 24.
- Press Enter to apply.

📊

Quick Reference

Action	Description
Select Text Layer	Click on the text you want to edit.
Find Font Size	Look in the right panel under Text properties.
Change Value	Type a new number or use arrows to adjust.
Apply Change	Press Enter or click outside the box.

✅

Key Takeaways

Always select the text layer before changing font size.

Use the Font Size field in the right-hand panel to set size in pixels.

Enter positive numbers only and press Enter to apply changes.

Font size changes update the text immediately for clear visibility.