介绍一套结合 Gemini 3.0 与 FigmaMake 的 AI 驱动 UI 设计工作流，它能够通过简单的对话指令，从零开始快速生成完整的 B 端设计规范、UI 界面乃至交互效果，并直接产出可交付开发的设计稿，极大地提升了设计师的工作效率。
智能速览
Gemini 3.0 可一键生成B端设计规范，包括颜色、字体、组件样式。
AI能根据规范自动产出完整的UI界面，如数据看板和表单页面。
通过简单指令即可实现夜间模式的适配和交互效果的添加。
FigmaMake 能快速将 Gemini 生成的代码或截图转化为可交付的设计稿。
该工作流将以往数周的设计规范工作缩短至几分钟。
生成的图标和图表可直接集成到设计系统中。
精华内容
这套AI工作流的核心在于将繁琐的规范制定与设计执行自动化，下面将拆解具体步骤，展示如何从零开始构建一套完整的B端设计方案。
规范生成
工作流始于 Gemini 3.0。通过输入明确的指令，例如“帮我基于市面上成熟的UI设计规范生成一套B端UI设计规范”，AI 能迅速生成一套包含色彩系统、字体层级、间距规则在内的基础设计规范文档。整个过程仅需几分钟，远超传统手动整理的效率。
系统完善
初步规范生成后，可通过持续对话进行迭代优化。只需告诉 AI 需要补充的内容，如“进一步优化设计规范，并补充完善，如空状态、状态提示、表格样式等”，Gemini 便会自动更新代码，将这些细节融入设计系统，确保规范的全面性和实用性。
页面产出
基于已确立的设计规范，Gemini 能快速生成多种常用页面布局。无论是数据看板、个人中心还是复杂的表单页面，AI 都能依据规则自动搭建。它甚至能生成对话页面的交互逻辑，实现输入、发送等动态效果，平常需要数小时绘制的工作，现在几乎瞬间完成。
模式适配
设计系统的一大挑战在于多主题适配。在此工作流中，实现夜间模式变得异常简单。只需向 Gemini 发出“适配日夜切换效果”的指令，AI 就能自动为所有组件和页面生成对应的深色样式，确保整体视觉的一致性，极大节省了重复调试的时间。
交付落地
最后一步是将设计方案转化为可交付物。将 Gemini 生成的代码复制到 FigmaMake 中，即可生成符合规范且带自动布局的设计稿。对于图标，甚至可以直接截图 Gemini 的生成结果，FigmaMake 能将其转化为标准设计文件。这个工具产出的设计稿比 Gemini 自带的可视化效果更全面，直接用于开发交付。
这套工作流为UI设计师开辟了全新的提效路径，将精力从重复的执行劳动中解放出来，更专注于策略与创新。当AI能够承担越来越多的基础设计工作，设计师的核心价值又将如何演变？这或许是更值得深思的问题。
关键评论
部分观众期待获取教程文档，希望作者提供领取方式。
有用户对 Gemini 的使用条件提出疑问，关心其访问限制。
观众建议视频使用单一配音风格以提升观看体验。
