Before you start
Who can use this feature
Users on any team or plan can create text layers.
Users with can edit access to a file can create new Text layers.
Text is one of the crucial components of interface design. Everything from the placement and arrangement of text, to the choice of font, has a part to play.
Figma uses its own custom text rendering. This ensures your designs look consistent, regardless of your browser or operating system.
Create text layers
Create new text layers using the text tool.
- Select the Text tool in the Toolbar.
- Or, press the T key to use the Text tool keyboard shortcut.
Once you have the Text tool selected, you can create a text layer in the canvas.
We have two default behaviors available when you create a new text layer. Figma uses a different text resizing property, depending on which approach you use.
Click on the canvas to create a new text layer. This will create a layer with text resizing set to Auto Width. This allows the width of the text box to grow as you add more text.
You may also know this as point text, paragraph text or area text.
- Single click anywhere on the canvas.
- Start typing to create a text layer.
Returnto create a new line.
Click and drag
When the text tool is selected, click and drag on the canvas to create a new text layer.
This creates a layer with text resizing set to Fixed Size. This allows you to enter longer strings of text and have them wrap and overflow on to a new line. This is also known as area text.
- Click somewhere on the canvas.
- Drag to create a Text layer with specific dimensions.
Tip! Adjust the resizing behavior in the Text section of the right-side panel. .