Summary  
This chapter explains how to configure text elements by selecting and styling fonts—adjusting typeface, weight, style, size, line height, letter spacing, alignment, and advanced variable font settings.

General domain of usage  
UI/UX design

### Use the Type tool to create either:
- **Point text:** a single line of text;
- **Area text:** text confined within a defined area.
### Typography settings
- **Font name/Typeface:** select from all fonts or specific collections (e.g., Google Fonts);
- **Font weight:** adjust the thickness of the font;
- **Font style:** apply styles like italic;
- **Font size:** change the size of the text;
- **Line height (Leading):** adjust spacing between lines of text;
- **Letter spacing (Tracking):** modify spacing between characters.

You've also got some alignment options for paragraphs (left, center, right, etc.).
### Advanced text settings
Some advanced text settings can be accessed through a popup window with a **Preview** box. The window usually has three tabs:
- **Basics tab:** to apply further font changes. Bullet points and numbering options are also available;
- **Details tab:** offers advanced settings for characters, numbers, and more;
- **Variable tab:** allows manual adjustments to slant, italic styles, and font weight (availability depends on the font).

Learn everything from the basics of designing user interfaces to advanced prototyping and collaboration techniques. Explore how to create wireframes, design visually stunning layouts, and work effectively with development teams using Figma's powerful features. Perfect for beginners and professionals, this learning journey combines practical projects, expert tips, and real-world applications to help you succeed in the competitive world of design.

Learn what Figma is, what its role is in UI/UX design, and how to navigate its interface and tools. Explore the FigJam board for brainstorming and collaboration, along with pages and frames in Figma, which form the foundation for organizing and structuring your designs effectively.

Discover how layers in Figma keep your design organized, explore how grouped shapes help you create stunning visuals, and learn to style text beautifully using typography tools.

Learn to place photos and videos, use masks, and apply blend modes for dynamic designs. Master colors, gradients, buttons, auto layouts, components, and styles. Unlock the power of plugins and widgets to enhance your creativity and streamline your workflow.

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.

Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

Type Tool in Figma: Adding and Styling Text for UI/UX Design

Use the Type tool to create either:

Typography settings

Advanced text settings

Awesome!

Type Tool in Figma: Adding and Styling Text for UI/UX Design

Use the Type tool to create either:

Typography settings

Advanced text settings