

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. 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.įigma uses its own custom text rendering. Users with can edit access to a file can create new Text layers. Information on changes to line height behavior.Add text in Chinese, Japanese, and Korean.Add icons to text layers with icon fonts.Access your local fonts with the Font Helper.Explore OpenType and other text properties.This can make designing across systems and platforms unpredictable.įigma uses its own custom text rendering. This ensures your designs look consistent, regardless of your browser or operating system. There can often be a difference in how browsers and operating systems render text. Everything from the placement and arrangement of text, to the choice of font, has a part to play. Your decisions around text can impact how successfully you convey your message. It can help determine the legibility and appeal of your design. Text is one of the crucial components of interface design. Or hover above the icon and drag to decrease (left) or increase (right) the value. Enter a px value in the paragraph spacing field. White space can help to focus the viewer's attention, as well as increase legibility and readability.įigma represents paragraph in pixels (px).

This can increase or reduce the whitespace around text in your design. Paragraph spacing lets you control the distance between paragraphs. You can also adjust list spacing from the Type details panel by clicking in the Text section of the right sidebar.

By default, list spacing is set to 0 when creating a new list and for any existing text styles. List spacing lets you control the distance between each line item in a bulleted or numbered list.
Tip! You can use ⌘ Command Shift 7 to turn an individual text selection or multiple text layers into a numbered list.
