Figma拖半天不如纸笔画三分钟，一个手机界面从草稿到成稿的完整流程，卡在第一步的新手有8成

一、手机界面手绘到底是什么，跟画icon是两码事

很多人听到"手绘"两个字就往美术方向想了——是不是要学素描？是不是得会画图标？要不要练马克笔上色？这些担心直接劝退了一大波想做UI的人。

手机界面手绘跟美术手绘完全是两条路子。它本质上是一种低保真线框图（Wireframe Sketch）——用最简单的方框、线条、箭头来表示页面结构和交互流程。你不需要画得多好看，你只需要画得让别人看懂。一个长方形加三个字"搜索框"，这就是一个搜索组件的手绘表达。一个圆形里面画个十字，这就是关闭按钮。只要别人能理解你画的是什么，这张手绘就已经合格了。

Joshua Brewer 在《Sketch, Sketch, Sketch》里说过：只要你会画方框、圆圈、箭头和简笔画，你就可以画UI草图。NNGroup（尼尔森诺曼集团）的UX专家在内部讨论时用的就是白板画线框图——他们缺Figma吗？不缺。他们选择手绘是因为讨论结构的时候，手绘比任何数字工具都高效。

二、只需要四样东西，多一样都是浪费

入坑手绘最容易踩的坑就是"先买一套装备"。马克笔买48色、针管笔买全套12支、模板尺买一堆——然后发现真正用上的就那几样。我见过有人买了Wacom数位板准备在Photoshop里画手绘线框图，方向完全跑偏了。手绘线框图的装备精简到离谱：四样东西，50块钱以内，大部分你家里就有。

四样加起来不超过50块。只想试水的话，一支铅笔一张纸就够了——零成本。

三、从白纸到可用线框图，四步走完

手绘界面不是什么玄学，流程拆开极其简单。关键是按顺序来，不能一上来就想把所有细节画清楚。

四步走完，一张完整的手绘线框图就出来了。熟练之后，一个页面从铅笔到马克笔，三到五分钟就能搞定。

四、这些"手绘语法"先记住，画什么都快

UI手绘有一套通用的视觉符号系统，就像五线谱之于音乐——你不需要每次画都重新发明，直接用约定俗成的画法就行。

五、什么时候用纸笔，什么时候开Figma

手绘不是要取代Figma，而是让Figma干活更有效率。每一步该用什么工具，顺序不能乱。

说穿了就是：纸笔做"对不对"，软件做"美不美"。顺序反过来就是很多人效率低的原因——在Figma里调了半小时的圆角，最后发现这个按钮根本不应该放在这个位置。

六、2026年了，AI能替代手绘吗

这个问题问的人很多。Uizard、Galileo AI、Figma AI这些工具现在确实能"一句话生成界面"，你说"帮我做一个电商首页"，它几秒钟给你出一套高保真界面。那手绘还有必要学吗？

AI工具和手绘解决的是完全不同的问题。AI生成界面，本质是从海量模板库里匹配一个最像的给你——它不理解你的业务逻辑，不知道你的用户是谁，不关心转化路径。你可以拿AI生成做灵感参考，但不能指望它替你做设计决策。AI不知道你这个APP的核心用户是50岁以上还是20岁以下，它不知道你的业务关键转化节点在哪个页面，它更不会在三个布局方案中选出最适合当前场景的那个。

AI让"手绘→数字"这一步变快了，但手绘本身的价值——快速试错、结构思考、方案探索——不但没有被替代，反而因为AI能做执行层的事而变得更纯粹了。你不用再纠结"画完手绘还要手动搬到Figma里好麻烦"，拍照→AI转换→微调，链路比以前短得多。

七、画了一阵子还是觉得丑，要不要继续

这是每个学UI手绘的人都会经历的阶段。你画了十几张线框图，自己看着歪歪扭扭的，不好意思给别人看。Figma里拖出来的组件多整齐啊，圆角都是标准像素，间距都是8的倍数。

这里有一个认知陷阱：你把"整齐"当成了"好"。Figma里看起来整齐，可能只是因为你用了栅格系统和自动对齐，不代表页面结构合理。手绘看起来歪，但只要你画清楚了信息层级和交互逻辑，它就是一张合格的设计工具。

八、真实项目里手绘怎么嵌入工作流

讲完方法，说说实际怎么用。大多数公司不会要求你交手绘稿——但会用的人效率明显高一截。你不需要让老板知道你在画手绘，你只需要让结果说话。

实际使用的时候有个诀窍：手机拍照存下来，用手机相册自带的标注功能画箭头和标注，发到群里比扫描件还快。结构确认了，再进Figma做高保真。这时候你心里已经有谱了——每个元素的位置、大小、层级都在纸上验过，Figma只是执行工具，不再需要边画边想。

还有一个容易被忽略的好处：手绘稿作为设计过程的记录，以后项目复盘的时候翻出来看，能清楚地看到"我们当时为什么选择了这个布局而不是另一个"。Figma文件改来改去，中间版本往往丢失了，但手绘本上每一版都在，这是数字工具做不到的。