Figma + Claude + Weavy AI：构建高效设计工作流

4. 制作情绪板 (Moodboard)

接下来使用 Cosmos 制作情绪板。这是一个我非常喜欢的工具，它能很好地模拟设备氛围。

直接在 Cosmos 中搜索关键词，比如'复古磁带'，添加到空间中。这些元素能与我们刚才讨论的情感基调相互匹配。既不过于科技化，也不会让用户感到不知所措，营造出一种怀旧且舒适的氛围。

5. 制作品牌素材

以前只有设计师才能根据情绪板创建定制素材，现在借助 Weavy AI，任何人都可以做到。

我通常会在 Claude 和 Weavy 之间切换。先用 Claude 生成放入 Weavy 的提示词。颜色是最基础的入口，可以像搭积木一样处理背景、按钮和图像。

从 Cosmos 下载的图片可作为输入，使用 Weavy 的图像模型（如 Flex 2 Pro）。提示词示例：

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

如果效果不理想，可以让 Claude 优化提示词。例如，要求生成'显示磨损的老式音频设备图像的进展'。这样能确保最终配色符合复古、平静、炫酷的感觉。

6. 制作实际素材和按钮

产品设计不需要让每个元素都完全一致，但颜色和阴影必须保持视觉统一。这比视频模型中的人物一致性要简单得多。

排版方面，我们需要录制按钮和类似录音机的扬声器。视觉上还可以增加一些细节，比如录音完成后的列表。为了营造模拟感，可以使用上述配色方案生成一组卡带，从书脊视角展示，仿佛它们被竖着排在书架上。每次录音完成，就得到一盘新的磁带。

7. Logo 设计

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

品牌名是 EchoJournal。可以请 AI 生成几条不同风格的 Logo 提示词：

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

此外，设置一条负向提示词，避免生成普通或 AI 味过重的垃圾 Logo。Weavy Ideogram V3 支持负向提示词，配合 SD3 - Remove Background 去除背景，可深度与 Figma 组合。

8. 组合开发与最终迭代

最后，将在 Weavy 中得到的所有元素导入 Figma 进行组合，并上传至 Google AI Studio 进行最后的开发检查。对比最初的原型，最终的视觉效果会有显著提升。