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

3. 生成品牌文档

基于确定的名称（如 Echo Journal），让 AI 协助撰写完整的品牌指南文档。这包括品牌名称、标语、定位、支柱、声音语气及核心信息。

我们把这款应用叫做 Echo Journal。基于这个名字，帮我写一份完整的品牌指南文档。

内容包括：品牌名称、标语、品牌定位、品牌支柱、品牌声音与语气、核心信息。

4. 制作情绪板 (Moodboard)

使用 Cosmos 创建情绪板是寻找视觉氛围的关键步骤。对于语音应用，模拟设备的质感往往比纯科技感更能打动用户。

在 Cosmos 中搜索「复古磁带」，将其添加到项目中。这些元素能与之前讨论的氛围相匹配，既不过于科技化，也不会让用户感到疏离。

5. 制作品牌素材

现在任何人都可以通过 AI 完成定制素材的创建。在 Claude 和 Weavy 之间切换，让 Claude 优化提示词，再交由 Weavy 执行。

先从颜色入手，这是最基础的入门方式。将 Cosmos 下载的图片作为参考输入，使用 Weavy 的图像模型（如 Flex 2 Pro）。提示词示例：

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

如果效果不理想，可以要求 Claude 优化提示词，例如：

显示磨损的老式音频设备图像的进展

6. 制作实际素材和按钮

产品设计不必追求人物的一致性，但需确保颜色、阴影和光照的视觉统一。排版处理上，我们需要录制按钮和类似录音机的扬声器组件。

为了营造模拟感，可以使用配色方案生成一组卡带素材。从书脊视角展示，就像它们被竖着排在书架上一样。每次录音完成，视觉上就得到一盘新的磁带。

7. Logo 设计

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

请生成 4 条 Logo 提示词：

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

同时添加一条负向提示词，避免生成普通或 AI 味过重的结果。Weavy Ideogram V3 支持负向提示词，配合 SD3 - Remove Background 可轻松去除背景并与 Figma 深度组合。

8. 组合开发

将 Weavy 生成的所有元素导入 Figma 进行组合，随后上传至 Google AI Studio 进行最终的开发验证。对比初次原型与最终效果，可以看到设计质量的显著提升。