利用 Figma、Claude 与 Weavy AI 构建高效设计工作流

情绪板：Cosmos 营造氛围

接下来制作情绪板（Moodboard）。Cosmos 是我常用的工具之一，非常适合在此阶段添加视觉参考。

我会在 Cosmos 里搜索「复古磁带」，选择对应的类别空间。这些元素能与刚才讨论的氛围相互匹配，模拟设备的感觉既不太科技化，也不会让用户感到不知所措。

素材生成：Weavy AI 与 Claude 配合

以前需要设计师查看情绪板后手动创建素材，现在任何人都可以做到。我会交替使用 Claude 和 Weavy，由 Claude 生成精准的提示词，再交由 Weavy 执行图像生成。

先从颜色开始，这就像搭积木的基础。从 Cosmos 下载的图片可作为输入，使用 Weavy 的图像模型（如 Flex 2 Pro），在提示中写明：

我需要一个调色板，从参考图像中提取颜色

如果效果不理想，可以调整对 Claude 的指令，让它优化提示词。例如要求：'显示磨损的老式音频设备图像的进展'。

细节打磨：按钮与排版

产品设计的好处在于，你不需要让脸看起来完全一样。应用程序设计中，只需确保颜色、阴影和光照的视觉一致即可。

我们需要处理录制按钮和类似录音机的扬声器。视觉上还可以增加一些模拟元素，比如生成一组卡带，从书脊视角展示，每次录音完成就得到一盘新的磁带。

Logo 设计

Logo 部分建议使用 Weavy 中的 Ideogram V3，它在字体排印方面表现更好。品牌名为 EchoJournal。

可以请 AI 生成多条提示词，例如：

• 版本 A：技术感文字标志，类似磁带机面板上的英文字样。
• 版本 B：手写风格，仿佛有人在卡带标签上用笔写下的字。
• 版本 C：磁带标签风格，类似 TDK / Maxell 那种品牌视觉。
• 版本 D：极简文字标志，带一个非常低调的卡带小图标。

同时设置负向提示词，避免生成普通或 AI 味过重的结果。Weavy Ideogram V3 支持负向提示词，结合 SD3 - Remove Background 可去除背景，方便与 Figma 组合。

最终整合

最后，将 Weavy 生成的所有元素导入 Figma 进行组合，并可再次利用 Google AI Studio 进行最终的逻辑验证或优化。对比最初的原型，最终效果会有显著提升。