Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Type Tool | Creating and Organizing Objects
UI/UX with Figma
course content

Course Content

UI/UX with Figma

UI/UX with Figma

1. Figma Basic Tools
2. Creating and Organizing Objects
3. Creating Visuals
4. Prototyping
5. Submitting Work

book
Type Tool

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).

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 7
We're sorry to hear that something went wrong. What happened?
some-alt