Figma 字体这点小事，为什么决定了 AI 产品的第一印象

大多数人以为，AI 产品拼的是模型和算法。但 Figma 官方的这个老教程却在反复强调一件“看似微不足道”的事：字体。选什么字、怎么排、怎么拉开间距，往往比你想象中更直接地决定了一个 AI 产品是否“看起来就很聪明”。

最反直觉的一点：字体不是装饰，而是产品能力的外显

在这个 Figma 官方教程里，有一句话很容易被忽略：“the font you select determines the readability and the appeal of your text。”这句话放在 2018 年看，像是设计常识；但放到今天的 AI 产品语境里，它几乎是一句产品判断标准。

很多 AI 从业者默认：模型强，界面差点没关系。但现实是，用户对“智能”的判断，往往先从视觉开始。字体的字重、宽度、行高，直接影响用户是否愿意读你生成的内容。一个行距拥挤、字号混乱的界面，会让用户下意识地认为：这个 AI 可能也不太靠谱。

Figma 在一开始就把 Google Fonts 作为默认配置，其实传递了一个非常产品化的信号：不要等到最后再想字体。字体是系统能力的一部分，而不是 UI 美化的附属品。

Text Tool 的三个 Auto Resize，藏着设计师的底层逻辑

教程里花了不少时间讲 Auto Resize：Width、Height、Fixed。对新手来说，这是操作细节；对有经验的人来说，这是排版思维。

Single click 创建的文本，默认是 width auto resize —— 文本框会跟着内容横向增长。这非常适合短标签、按钮、状态提示。而 click & drag 创建的固定尺寸文本框，本质上是在为“不可控长度的文本”兜底，比如 AI 生成的段落说明、摘要、回答结果。

更容易被忽略的是 double-click 编辑文本时，auto resize 会切换到 height。这意味着：设计者默认你在“纵向容纳不确定内容”。这套逻辑，几乎是为 AI 产品量身定做的——因为你永远不知道模型下一次会输出多长。

如果你做过 AI 产品却没认真想过 text box 的 auto resize，大概率已经在无形中制造了糟糕的阅读体验。

行高、字距、段落间距：让 AI 输出“像人写的”的秘密

Figma 在字体属性里给了行高、字距（letter spacing）、段落间距和缩进这些选项。它们看起来很细碎，但组合起来，决定了文本是否“可读”。

教程里提到一个关键技巧：输入数字加 px，可以把百分比单位切换成像素。这对 AI 产品尤其重要。因为百分比行高在不同字体下表现差异极大，而像素值更可控。

同样重要的是段落间距。AI 生成的文本往往段落多、信息密度高，如果段落 spacing 为 0，用户会迅速疲劳。Figma 允许在同一个 text box 内精确控制 paragraph spacing，本质上是在帮助你“人为降低认知负担”。

换句话说：不是模型突然变聪明了，而是排版让用户终于愿意读完它说的话。

总结

这个 2018 年的 Figma 教程，表面讲的是 Text Tool，实际上讲的是一种产品态度：把文字当作系统的一部分，而不是 UI 的最后修饰。对 AI 从业者来说，这意味着三件事：第一，别低估字体和排版对“智能感”的影响；第二，用 auto resize 为不可预测的模型输出兜底；第三，用行高、段距主动管理用户的阅读负担。下一个你设计的 AI 界面，不妨先问自己一句：如果没有一句代码，这套排版本身，值不值得被相信？

关键词： Figma， 字体设计， AI产品设计， Text Tool， Google Fonts

事实核查备注： Figma 预装 Google Fonts；font helper 仅在 Web App 使用本地字体时需要；Auto Resize 包含 width、height、fixed 三种模式；教程发布时间为 2018-03-30