【动手活用 Figma Make：后半篇】虽然用 Figma Make 和 Gemini 没能在 3 小时内完成！从忙碌社长的“红笔修改”到 LP 初稿的 Web 设计完成之路

这篇文章是我去年制作 LP 时撰写的。当时的内容虽然是旧文，但由于 AI 进步很快，如今公开时内容已经有些过时了……。AI 的进步速度之快令人惊讶。考虑到 2026 年还将进一步加速，设计师的工作方式和信息获取也必须跟上，否则可能会被甩在后面……。真是了不起啊。现在的 Figma Make 和 Gemini 3 已经能做到更多事情。希望大家能把这篇文章当作设计师的日记来随意翻阅，那是一位在善用 AI 的同时，也为 AI 的进化而手忙脚乱的设计师的记录。另外，新增的内容会像这样加上补充说明（也可以说是吐槽），请把它当作副音轨来享受。

大家好！

我是 Liberogic Inc. 的 UI 设计师，hasshi。

在上一篇文章中，我曾兴致勃勃地报告说：“用 Figma Make 和 Gemini 花 3 小时做出了 LP 初稿！”

这是上次的成果。

上一篇文章请参见此处。

【边做边用Figma Make：上篇】借助Figma Make和Gemini仅用3小时！为工作繁忙的社长快速打造可供修改的落地页原型，新一代网页制作流程

https://www.liberogic.jp/topics/20250723-figmamake/

本文是其后半部分。

向社长汇报后，我心情愉快地哼着小曲。

这样一来，就能迅速应对社长的临时要求了！

只用3小时就能做到这种质量，总不会有意见了吧！

……我也曾经这样想过呢。笑

这次是我满怀信心地提交给社长之后的事情。

接下来为大家带来「地狱般的修改篇」⭐️･:*+.\(( °ω° ))/.:+✨

先说结论，

我用FigmaMake做的那个漂亮布局，因社长的一句评论，瞬间消失得无影无踪。

我想，即使AI已经进化到今天，这种事情依然会发生。

这次的教训是：FigmaMake在制作“仪表盘和线框图”方面堪称最强，但对于“充满情感的落地页”来说，或许还为时过早……

最近的 AI 发展速度非常快，现在的 AI 可以从多个角度加以利用。真让人惊讶！

社长演示："做得好看点"的难题

上次做的那版还算像样的 SaaS 风格落地页方案。我满怀信心地拿给社长看了。

社长！之前说的那个落地页初稿，我借助 AI 飞快地做出来了！结构大致是这样的，您觉得如何？

哦，好快啊。（看着屏幕）……嗯，不过总觉得有点生硬呢。

太硬了吗？（不，考虑到这是需要建立信任感的 BtoB 服务，这样的整洁程度反而更合适……）

能不能再更有那种让人兴奋的感觉，就是那种砰！的一下很有冲击力、干净利落的感觉？还有这里，再加点动效，装饰得更“有感觉”一点吧。

出来了。必杀“随便弄得好看点”。

全设计师最害怕、而AI最难理解的指令排行榜第1位。

经常有人会说"感觉不错"或"很有异国风情"之类的话。解读这些话背后的含义很重要吧。设计师也越来越需要具备沟通能力了。对于不擅长社交、也不会察言观色的我来说，很多事情都很困难，每天都是修行……（如果设计师需要沟通能力，我从小就该多加锻炼才对……唉，真是令人沮丧。）

如果是客户项目，我们会在这一阶段进一步深入挖掘对方的深层想法和真正需求，但社长工作繁忙，常常抽不出时间进行访谈。

由于社长与员工之间的上下级关系，沟通有时会变得含糊其辞，最终形成的需求和委托内容也可能不够精准。

接下来进入阶段，大家一起反复推敲繁忙社长所说的话，并据此重新制作。

这只是借口。不过是我的借口而已，真的。

内心的声音（“很有感觉”到底是什么意思！？就连Gemini老师也读不懂这种程度的意思啊！只用“咚”和“嗖”这样的拟声词下修改指示，能不能请你别这样了！？）

这份心意至今也没有改变

FigmaMake VS 社长的严苛评语

真正的战斗从这里才开始。

为了把社长脑海中的“很有感觉”具象化，我们在FigmaMake制作的基础上不断加以修改……

这时，工具之间的契合度开始露出獠牙。

FigmaMake生成的内容，终究只是“逻辑上正确的Web布局”。是用Auto Layout（自动布局）严丝合缝搭建起来的、整齐的盒式结构。

这正是AI进化令人惊叹之处。用同样的提示词再次生成，制度已经好了很多。确实能感受到AI的进步（参考图片附在下方）。

作为学习参考，以及作为模板主题来说，它的美观度和易用性都很不错。

但是，社长的要求是

“背景上撒点纹理之类的吧！！” “让元素冲出边框！” “加个倾斜的切口试试怎么样？”

诸如此类，全是无视逻辑、凭感觉的装饰。

每次把装饰图片硬塞进FigmaMake生成的数据里，Auto Layout都会哀嚎，整体布局也随之七零八落。

内心的声音（啊！一放上那张背景图，下面的部分也跟着错位了！FigmaMake，你没有错，你是对的。只是，还没办法完全满足社长的要求……！）

最终还是只能“手动”重做的空虚感

“这里的留白再收紧一点！” “按钮要再弹跳一点！”

为了应对接连不断的严苛修改意见（红笔批注），我含着泪解除了FigmaMake自动生成的Auto Layout，拆解了生成的组件，然后手动重新排版。

几个小时后。留在屏幕上的，是连一丝FigmaMake痕迹都没有的、完全不同的设计数据。

下面是经过多次修改的初稿。它与最初的稿件相比，设计已完全不同。

而且，虽然现有元素都已设置了Auto Layout，但从FigmaMake复制到Figma时，有些部分不知为何会解除Auto Layout，还需要重新设置，这项工作也随之产生。

回过神来，修改已经花费了相当多的时间。

内心的声音（咦？这个……从一开始就用Photoshop或Figma手动做会更快吧……？我那三小时的神速操作到底算什么……？）

发现这个事实时，我在深夜的办公室里感到的那种空虚感，简直无法形容。而给这样的我递上能量饮料的，正是前辈。

前辈：“我的工作做完了，先走啦！！”

前辈潇洒地离开了。原来不会来帮忙啊……。

结论：FigmaMake的“擅长”与“不擅长”

通过这次的泥潭式修正，我们了解了 FigmaMake 这一工具的特点。

如果使用场景选错，反而会增加修正工时。

✅ FigmaMake 擅长的事情（即：快速完成）

管理后台、仪表盘 UI、应用界面等
- 整齐的网格布局、表单、表格等，它都是最擅长的。
- 它能瞬间构建出“逻辑清晰的结构”，因此做出的成品质量，常常让人觉得 SaaS 的管理后台直接拿来用也没问题（当然，手动调整是必不可少的）。
早期的线框图、结构方案
- 如果处于“确认元素是否齐全”的阶段，即使是落地页（LP）也完全够用（前提是还没有开始精细打磨设计）。
- 另外，在梳理需求的过程中，也能快速生成多种方案，非常方便。
- 在将客户需求语言化、并当场做成可视化内容以统一双方想象的场景下，它确实非常好用。

❌ FigmaMake 不擅长的事（即必须手动完成的部分）

LP（着陆页）的视觉精细打磨
- 对于通过“点缀”或“装饰”来打动人的设计，目前仍不擅长。
- 生成的结果本质上是整洁、易用的 UI。虽然也能添加渐变和图案等装饰，但如果指令不够明确，就可能做出接近 2010 年代风格的效果。
- 要提高设计制作时提示词的精准度，需要花费时间。
将“感觉不错”这种模糊语意具体化
- 在这方面，仍然需要人类设计师的转译能力。
- 如果把提示词用到一定熟练度，应该就能给出更精准的指令，更顺畅地完成制作（以我目前的水平还做不到）

总结：即便如此，作为“初稿”它依然非常出色。

因此，在“社长模糊指示下的 LP 制作”中，直接使用 FigmaMake 的生成数据确实比较困难。

不过，正如上一篇文章所写，在"从一张白纸开始，3小时内先做出一个初步版本，再引出社长的需求"这一点上，它确实很有帮助。而以前在这一步上花了不少时间，导致开始正式工作之前耗费了很多时间。

"要做得更有冲击力、更利落一些"这样的意见，正是因为有了初稿才会提出来的（积极思考）。

本次的收获

FigmaMake 是擅长搭建“结构”的专家。
“装饰（修饰点缀）”正是设计师大显身手的地方。
目前还没有AI能够理解社长所说的“感觉不错”。

下次我还是不气馁，想用"内部管理工具的UI革新"来向FigmaMake发起挑战。（如果是管理后台……管理后台一定能大放异彩吧……！）

LP的设计修改……。

嗯，今后也会继续踏踏实实地手工努力！

至于AI的进化……。这是用与前篇文章生成时相同的提示词所生成的设计稿。

几个月时间，初版生成的质量就大幅提升了。这真让人惊讶。

精度提升得太快，真让人有些担心。我也想在日常中努力学习设计，不输给AI的进化，最近一直这么想。

接下来是这次完成的网站，请看这里

这个落地页本身也符合 WCAG 2.2 AA 标准，
Lighthouse 得分也很高（虽然检测需要一点时间，但请务必试试！偶尔还能拿到满分哦！）
而且不知为何还自动完成了多语言支持！
关于多语言支持的内容也请参阅这篇文章！
虽然最近浏览器翻译已成主流，但无需切换，就能低成本自动生成翻译网站，真的非常方便！

怎么样？
感觉已经做得相当精致了吧🎵