文本工具 #

创建文本对象 #

要创建文本对象,请选择文本工具T,然后:

  • 单击画布以创建自动调整大小的文本对象
  • 或在画布上单击并拖动以创建固定大小的文本对象

编辑文字 #

在编辑文本时,你可能希望宽度和高度根据情况自动调整或保持不变。 要设置自动调整大小的行为,请使用 Advanced Type 面板,你可以在其中选择:

  • Width:宽度和高度自动调整以适合所有内容。
  • Height:高度自动调整以适合所有内容,宽度被固定。
  • Fixed:宽度和高度保持不变,但溢出的文字不会被剪裁。

请注意,手动调整过“宽度”或“高度”的文本对象会将其切换为 Fixed

更改文本属性 #

你可以通过两种方式更改文本对象的属性(例如字体或行高):

  • 选择一个或多个文本对象并更改属性以将其应用于所选文本对象中的所有字符
  • 或者双击文本对象以进入文本编辑模式。然后选择文本的子集,并仅更改该子集的属性。

对于文本修饰,可以进入 Advanced Type 设置或 使用 Command + U 快捷键。

文本的行高 #

百分比行高是字体设计者指定的默认行高的百分比。

对于许多字体,默认行高是字体大小的 120%,但这可能会有很大差异(例如,对于 Zapfino,它是 340%)。

字体大小 × 行高 × 默认行高度 = 实际行高。

例如,如果字体大小为 10px,行高为 100%,默认行高为 120%,则实际行高为 12px(10×1.0×1.2)。 如果我们将线高增加到 120%,它将是 14.4px(10×1.2×1.2)。

如果要在不考虑默认行高的情况下控制绝对行高,则可以输入像素值。例如:如果你明确需要 13px 行高,只需在行高字段中输入 13px 即可。

Emoji #

是的,你心爱的 Emoji 小人在 Figma 工作!我们目前在所有平台上都使用 Apple emojis。

文本以及评论都支持 Emoji。

将 Emoji 添加到文本对象 #

macOS

  1. 创建一个文本对象
  2. 使用 control + command + 空格 来显示表情符号选择器
  3. 输入你喜欢的表情符号的名称,或单击以选中

当你从选择器中选择一个表情符号时,选择器将关闭。如果你需要选择多个表情符号,请打开选择器,然后将表情符号拖出来。

Windows

首先,确保在任务栏中显示触摸键盘图标:

如果没有看到图标,请右键单击任务栏中的空白区域,然后选择“显示触摸键盘”按钮

注意:Windows 7上没有触控键盘。

启用触摸键盘按钮后,你可以:

  1. 创建一个文本对象
  2. 单击触摸键盘图标
  3. 选择键盘中的表情符号按钮

在评论中添加表情符号 #

macOS 和 Windows

  1. 选择工具栏中的 Comment 图标
  2. 单击要添加 Comment 的位置
  3. 在评论框中选择笑脸,然后选择表情符号