If you take this approach, you'll change the font size as well as the bounds of the text layer. You can also use the scale tool to change the size of a text layer. Figma will reposition the text within the layer based on its current alignment properties. Click and drag to change the dimensions of the bounding box.

Your cursor will change to the Scale icon. Hover over the section of the bounding box you would like to change.When you resize the layer in the canvas, Figma will register this as a manual resize and update the resizing property to Fixed size. You can resize a text layer by changing it's bounding box. This controls how Figma positions and arranges text on the canvas. This can make aligning this with other layers difficult.Įvery text layer has a bounding box around it in the canvas. Figma will wrap additional text, even if it extends beyond the layer's horizontal bounds. Fixed size: both the width and height stay the same, regardless of the layer's contents.Figma will wrap any lines that extend beyond the original width of the text layer to a new line. Auto height: the height of the text layer grows to fit its contents.You need to press Enter / Return to create a new line. Auto width: the width of the text layer grows to fit its contents.There are three resizing settings available: The resizing property controls how a text layer shrinks or grows to accommodate any changes you make to its contents. There are a few ways to control or change a text layer's dimensions. Right-click and select Add to dictionary.Įvery text layer has its own dimensions.Highlight the word you want to add to your dictionary.Once a word has been added to your dictionary, it cannot be removed. For example, if you add a word to your dictionary in a Figma design file, spell check will recognize that spelling in your other Figma design or FigJam files. Your dictionary applies to all files you can edit. You can add words to your dictionary to prevent them from being flagged by spell check. If you switch between the two apps, you must configure your spell check preferences again. Note: Spell check preferences set in the web app are not applied to the desktop app or vice versa. Click Check spelling to enable or disable spell check.Since the Figma web app cannot pull in the additional languages supported on your operating system without the Figma font installer, spell check is disabled to prevent it from flagging all text in a file as incorrect. Spell check is only disabled if your browser’s preferred language is something other than English or Russian, and you don't have the Figma font installer installed. Spell check is enabled by default for most people. Select from the list of available languages.To change your preferred spell check language: If you're on a Windows device and don't see the language you want to use, you may need to install a language pack. To access spell check for any other language supported by your operating system, you can install the Figma font installer.įigma will detect your system’s preferred language and use this for spell check. If you're using Figma in the browser, spell check is available in English (US, CA, UK) and Russian by default. If you're using the Figma desktop app, spell check is available is any language supported by your operating system. Click on a misspelled word and press Tab to automatically insert the first suggested spelling.Right-click on a misspelled word to view a list of suggested spellings.Spell check identifies errors with a red squiggly line while you are in text edit mode and only for the text layer you currently have active. Spell check helps you review and correct spelling errors. Select the emoji you would like to use.Now you can add emoji using the touch keyboard:

To add emoji, you first need to enable Microsoft's Touch Keyboard:

Drag to create a Text layer with specific dimensions.

This allows you to enter longer strings of text and have them wrap and overflow on to a new line. This creates a layer with text resizing set to Fixed size. When the text tool is selected, click and drag on the canvas to create a new text layer.

Press Enter or Return to create a new line.

You may also know this as point text, paragraph text or area text. This allows the width of the text box to grow as you add more text. This will create a layer with text resizing set to Auto width. Single clickĬlick on the canvas to create a new text layer. Figma uses a different text resizing property, depending on which approach you use. We have two default behaviors available when you create a new text layer. Once you have the Text tool selected, you can create a text layer in the canvas.

Or, press the T key to use the Text tool keyboard shortcut.

Create text layersĬreate new text layers using the text tool. This ensures your designs look consistent, regardless of your browser or operating system. Note: Figma uses its own custom text rendering.

Figma change all fonts