Text properties allow you to control everything from the appearance and position of text, to resizing behavior and OpenType features. Learn more about text properties →Īnyone with can edit access to a file can apply and adjust text properties. You can then adjust other properties of the text, like style, size, line height, letter spacing, and more. Click the to the right of the font to browse your font list.Figma will show the Text properties in the right sidebar.Select a text layer, or select some of the text within a text layer.If you're using the Figma desktop app, you can find your local fonts in the font picker: It allows Figma to access fonts on your computer, and open Figma links in the desktop app. Figma desktop appįigmaAgent is a secure background service that Figma also installs when you install the desktop app. To access these fonts in the font picker, you'll need to use the Figma desktop app ↓ or install the Figma font service ↓. Mac: How to install and remove fonts on your Mac (via Apple).To allow Figma to access these fonts, you need to add or install them on your device: If you've purchased your own fonts, or have a catalog of fonts on your computer, you can also use these in Figma. Teams on the Organization plan can upload and use shared fonts, regardless of platform.įigma gives you access to a catalog of Google Web Fonts, which you can use without having to install anything. ![]() Chromebook and Linux users can only use Google's Web Fonts. ![]() Or hover above the icon and drag to decrease (left) or increase (right) the value.Ĭaution: Figma doesn't support local fonts for devices running ChromeOS or Linux. 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. Or hover above the icon and drag to decrease (left) or increase (right) the value. Use the field to enter a px value in the list spacing field.Select text in a list or a text layer with only list text.Figma represents list spacing in pixels (px). 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. Use Return or Enter while on an empty list item to decrease indentation. ![]() Each line's indentation can be decreased individually.Use Backspace or Delete at the beginning of a list item to delete the counter, but keep the same level of indentation.Pressing Tab will increase the indent again.Use Tab ⌘ Command ] or Control + ] to increase the indentation of a line.To change a list item's indentation: Increase indentation Indentationįigma bulleted and numbered lists currently support five levels of indentation. Using ⌘ Command Z immediately after a list shortcut removes the default styling. Keep in mind that keyboard shortcuts will activate automatic list styling. Tip: You can use ⌘ Command Shift 7 to turn an individual text selection or multiple text layers into a numbered list.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |