Tip! Apply an underline to selected text using the keyboard shortcut:

Windows: Hold down Ctrl Shift and to decrease.

Mac: Hold down Shift ⌘ Command and to decrease.

Click the arrow to select a default font size.

There are a few ways to adjust font size:

Figma represents font size in density-independent pixels.Īdjust the font size using the field next to the font style. Windows: Hold down Ctrl Alt and to decrease.įont size controls the scale of your text.Mac: Hold down ⌥ Option ⌘ Command and to decrease.Use the keyboard shortcuts to increase and decrease the font-weight.Click the arrow to explore styles for the selected font.Adjust the font-weight using the field directly below the font family. You can access weights once you select the font family. For example, a few font weights from the Inter font family include thin, light, regular, medium, bold, black, and more. Every font family will come with its own selection of styles. Font weightĪ typeface can have any number of styles or weights. Click the arrow to explore styles for the selected font. You can select another font family using the font picker. For example: Helvetica, Times New Roman, and Roboto are all font families.įigma will use Inter as the default font for new text layers.

A font family is the collection of styles that make up a typeface.A font is a file containing the visual details that make up the design of each glyph or letter in that typeface.A typeface is a set of letterforms and glyphs with similar design features.There are a few terms associated with a font: Letters (or combinations of letters) affected by ligatures or stylistic alternatives.Blocks of text for alignment, spacing, and indentation.Hover over any feature or property to see the preview.įigma will display sample text that best suits the feature you're previewing. Use the preview at the top of the type details panel to see how a particular property or OpenType feature looks. Click to close the type settings panel.Variable tab (available for variable fonts only).Access any OpenType features, like letter forms, stylistic sets, character variants, horizontal spacing, and more.Apply any number settings, such as style, position (superscript and subscript), fractions, and more.If available, you can also toggle case-sensitive forms and capital spacing. Choose from uppercase, lowercase, capitalize, and small caps.

Offset the first line of text with paragraph indentation.Change the spacing between paragraphs of text.Apply decoration to text, like strikethrough and underline.Adjust the horizontal alignment of text.Choose how you want your text to horizontally resize.To open the type settings panel, click the three dots in the bottom-right corner of the Text section. You can also access any OpenType features from this panel. The type settings panel gives you access to some extra text properties. Click to open the type settings panel and explore more text properties.Adjust the vertical alignment of text within the text box.Adjust the horizontal alignment of text within the text box.Select how text overflows or wraps with resizing behavior.Adjust the vertical distance between paragraphs with paragraph spacing.Adjust the horizontal distance between letters with letter spacing.Adjust the vertical distance between lines of text using the line height field.Use the arrow to adjust the size of your text.Use the arrow to select a font weight or style.Click the arrow to browse a list of web, local, and shared fonts to find a typeface or font family.Click the icon to view, create and apply text styles.Click the link to learn more about each property. Use the annotated image below to identify each property in the properties panel. Right sidebarĪpply and adjust text properties in the Text section of the right sidebar. Text properties can be found in the right sidebar and in the type settings panel. As there are a number of properties available, we've grouped them by location in this article, followed by sections with additional details. In this article, we'll take you through all the properties available for text. Text properties allow you to control everything from the appearance and position of text, to resizing behavior and OpenType features. Anyone with can edit access to a file can apply and adjust text properties.

Calculate letterspace for numbers