Before you Start
Who can use this feature
Users on Any Plan
Users with 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. There are a couple ways to access the text tool:
- Select the Text tool from the Toolbar.
- 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 to create
When the text tool is selected, click on the canvas to create a new text layer.
This will create a layer with text resizing set to Grow Horizontally. This allows the width of the Text box to grow as you add more Text. This is sometimes called Point Text.
You may know this as point text, paragraph text or area text.
- Single click anywhere on the canvas
- Start typing to create a Text layer.
Click and drag to create
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. This allows you to enter longer strings of text and have them wrap and overflow on to a new line. This is sometimes called area text.
- Click somewhere on the canvas.
- Drag to create a Text layer with specific dimensions.
Want to adjust the resizing behavior? Adjust text resizing in the Text section in the right-side panel. Learn more in our Explore Text Properties article.