【创建并活用 Figma Make：后半】虽然 Figma Make 和 Gemini 没有在三小时内完成！但从忙碌的总裁"批注修改"进展顺利的 LP 草稿到 Web 设计完成的全过程

这篇文章是去年构建LP时撰写的。虽然是当时的文章，但AI发展得太快了，现在公开的话内容已经过时了…。AI进步速度之快真是令人惊叹呢。考虑到2026年会进一步加速，设计师的工作方式和信息获取也必须跟上步伐，否则就会被落在后头…。真是太不可思议了。现在的Figma Make和Gemini 3能做的事情更多了。这篇文章可以看作是一位设计师在充分运用AI的同时，又对AI的进步感到困惑的日记，希望大家能轻松浏览。另外，补充的部分会以这样的补充文（名义上是吐槽）来标注，请作为副音声来欣赏吧。

你好！

我是hashy，在Liberogic担任UI设计师。

在上一篇文章中，我雄心勃勃地报告说"用 Figma Make 和 Gemini 在 3 小时内制作出了 LP 的初稿！"

这是上一次的成果物。

请查看我们之前的文章。

【Figma Make 入门指南：上半部分】利用 Figma Make 和 Gemini 在 3 小时内打造！快速生成着陆页初稿，让繁忙的董事长的"修改工作"事半功倍的全新一代网页制作流程

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

本文是该文章的下半部分。

向社长报告后，我心情很好。

有了这个，即使社长提出无理的要求，我也能以闪电般的速度应对！

3 小时就能达到这个质量，没什么好挑剔的吧！

……曾经，我也有过这样的想法。哈哈

这一次，我信心满满地提交给社长之后的

「地狱般的修改编」就这样诞生了⭐️･:*+.\(( °ω° ))/.:+✨

结论是，

用 Figma 制作的那个漂亮布局，被社长的评论彻底摧毁了。

即使在 AI 进化的今天，这种事情仍然在发生。

这次的教训：Figma 在「仪表盘和线框图制作」上无敌，但对于「充满情感的落地页」，可能还为时过早……吧。

最近 AI 的进化速度很快，最近的 AI 可以用得更加多方面。真是令人惊讶！

CEO 演讲：「做得好看一点」的困境

前面做的，整理得还不错的 SaaS 式落地页方案。我信心满满地给CEO看了。

CEO！您要的那个LP的雏形，我用AI火速做出来了！构成大概是这样，怎么样？」

哦，速度很快啊。（看着屏幕）……嗯，但感觉有点生硬呢」

生硬？（这是一个需要信任感的B2B服务，这样整整齐齐的样子应该没问题啊…）

你能不能让它更有惊喜感，或者说有点冲击力，看起来更洗练一点？还有这里，多加点动画效果，装饰得更「好看一点」

来了。杀手锏「做得好看一点」。

这是所有设计师最害怕的指示，也是 AI 最无法理解的指示排行榜第一位。

经常被说「做得好看一点」或「有点廉价感」这样的话。理解这些话背后的真实意思很重要呢。设计师这个职业越来越需要沟通能力了。对于沟通能力差、又不懂察言观色的我来说，每一天都是修行啊…。（如果设计师从小就要培养沟通能力的话，我早就该下功夫了…。真是遗憾。）

对于客户项目，需要在此阶段进一步深入探讨对方的深层心理和真实需求等，但由于公司总经理事务繁忙，很难抽出时间进行沟通。

由于CEO和员工的身份关系，有时双方可能会变得敷衍，导致沟通要求不够严谨。

然后，我们进入了一个阶段，团队成员们一起反复思考和推敲忙碌的CEO的想法，然后制作内容。

这是借口啊。我只是在找借口。真的。

内心独白（"感觉不错"是什么意思！？连 Gemini 老师也读不出来！用"砰"和"唰"这样的拟声词来下修改指示，能不能别这样做！？）

这种感受到今天都没有改变

Figma Make VS 社长的犀利评论

从那时起才是真正的挑战。

我们基于在 Figma 中制作的基础进行修改，以具现化董事长脑海中的"不错的感觉"……。

工具之间的兼容性问题会在这里显露无遗。

FigmaMake生成的只是「逻辑上正确的Web布局」。用Auto Layout（自动布局）紧密组织的整洁的盒式排列。

这正是AI进化的妙处。如今用相同的提示词生成，精准度已经相当不错。你能感受到AI的进步（参考图片附在下方）。

美观且富有学习价值的部分和模板主题都很易用。

但是，老板的要求是

「在背景上散布纹理！！」 「让元素超出边框」 「试试加斜线滑块？」

之类的，无视逻辑的情感化装饰。

每次向 FigmaMake 生成的数据中强行插入装饰图像，Auto Layout 都会出现问题，导致整个布局支离破碎。

心里话 （啊啊！加入那张背景图后，下面的区域都错位了！FigmaMake君，你没错，你做得没问题。只是，你还无法完全满足老板的需求啊…！）

最后还是得「手工」重新制作的虚无感

「这里的空白要更紧凑！」 「按钮要弹性更强！」

为了应对不断涌入的苛刻的反馈意见（红色标记），我不得不禁用 Figma 生成的 Auto Layout，分解生成的组件，然后手动重新排列。

几小时后。屏幕上留下的是完全看不出 Figma Make 影子的、彻底不同的设计数据。

然后，经过多次调整，初稿就变成了这样。最终的设计与最初的版本完全不同。

而且现有的所有元素都已设置自动布局，但从 Figma Make 复制到 Figma 时，不知为何自动布局会在某些部分被取消，需要重新设置自动布局等额外工作也随之产生。

等我反应过来时，修改工作已经耗费了相当多的时间。

心声 （咦？ 这个……从一开始用Photoshop或Figma手工制作不是更快吗……？ 我那3小时的高速工作是白费了吗……？）

那一刻在深夜的办公室里发现这一事实时的虚无感无以言表。而给我递来能量饮料的，是我的前辈。

前辈「我已经完成工作了，我要回家！！」

干脆利落地离去的前辈。原来是不愿意帮忙啊……

总结：FigmaMake 的"优势"和"劣势"

经过这次繁琐的修正，我理解了 Figma Make 这个工具的特性。

使用不当的话，反而会增加修正工数。

✅ Figma Make 擅长的事（＝快速完成）

• 管理界面、仪表板 UI、应用界面等
  • 整齐的栅格布局、表单、表格等方面最强。
  • 它能瞬间创建「逻辑清晰的结构」，所以生成的 SaaS 管理界面等质量足以直接使用（当然手动调整是必须的）。
• 初期线框图、结构方案
  • 在「确认要素的充分性」阶段，即使是 LP 也完全可以使用（设计定稿前）。
  • 在推敲需求时，也可以制作各种模式，非常便利。
  • 在将客户需求具体化、实时呈现形态进行意见对齐等方面，非常实用。

❌ FigmaMake 不擅长的地方（= 必须手工操作）

• LP（着陆页）的视觉设计
  • 在"饰面"和"装饰"设计上仍然不够擅长
  • 生成的只是经过整理且易于使用的 UI。虽然也可以应用渐变和图案等装饰效果，但如果没有给出明确指示，成品可能会呈现 2010年代左右的风格。
  • 提高设计制作过程中提示词的准确性需要时间。
• 「好感觉」这种模糊意象的具体化
  • 这里仍然需要人类设计师的翻译能力。
  • 通过一定程度的使用提示词，似乎能够给出更准确的指示并顺利创建（对我来说还是太难了）

总结：尽管如此，它作为"初稿"还是相当出色的

所以，「根据CEO含糊的指示制作LP」这样的项目，直接使用Figma Make生成的数据是困难的。

不过，正如我在上一篇文章中写到的那样，**「在白纸状态下3小时内形成基本框架，引出董事长的需求」**这一点，确实很有帮助。而且以前我们在这个阶段花费了相当多的时间，这拖延了后续的工作进度。

「要大气又要精致」这样的需求，正是因为有了草案才能提出来的意见呢（积极思维）。

本次学习要点

• Figma Make是打造「结构」的高手。
• 「装饰」是设计师大显身手的地方。
• 还没有AI能应对董事长的「感觉不错」。

下次，我还是不怕失败，想要用「内部管理工具UI界面重新设计」再挑战一次Figma Make。（管理后台的话……管理后台的话应该一定能闪闪发光！）

至于LP的设计修改……。

嗯，今后也要脚踏实地地坚持手工操作！

再说AI的进化……。用制作前篇文章时相同的提示词生成的设计如下。

在几个月内,初始生成的质量有了显著提升。这确实令人惊喜。

AI 的精度急剧提升，确实令人感到紧张。我也在想，我需要不断学习设计知识，以跟上 AI 发展的步伐。

而这次完成的网站就在这里

该LP本身也符合 WCAG 2.2 AA 标准，而且
Lighthouse 评分很高（虽然诊断需要一点时间，但请一定试试！有时候能拿到满分呢！）
而且莫名其妙地自动实现了 多语言支持！
多语言支持的详情请参阅这篇文章！
虽然最近浏览器翻译比较流行，但不需要切换就能自动廉价地生成翻译网站，超方便的！

怎么样？
是不是做得相当漂亮呢🎵

虽然我尝试了各种写法，但老实说，有了初稿作为基础，确实大大减少了工作量！！ 以前在线框图阶段就要花很多时间，然后还要转化为设计，再进一步修改内容，这些工作量都被明显削减了。 下次如果再用AI，我想先生成一个更清晰的提示词，再开始动手。 作为奖励，我也喝了啤酒。