Figma + Claude + Weavy AI：从会用到好用的设计工作流

3. Claude：生成品牌指南文档

基于应用名称（如 Echo Journal），要求生成完整的品牌指南文档，包括品牌名称、标语、定位、支柱、声音与语气、核心信息等。

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

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

4. Cosmos：制作情绪板 (Moodboard)

使用 Cosmos 添加情绪板。例如搜索「复古磁带」，选择 mycosmos 类别空间，感受模拟设备氛围，既不太科技化，又不会让用户反感。

5. Weavy AI：制作品牌素材

结合 Claude 和 Weavy，让 Claude 创建放入 Weavy 的提示词。

1. 颜色：从参考图像中提取颜色调色板。
   • 提示词示例：我需要一个调色板，从参考图像中提取颜色
2. 图像：生成磨损的老式音频设备图像。
   • 提示词示例：显示磨损的老式音频设备图像的进展

6. 制作实际素材和按钮

应用程序设计只需保证颜色、阴影和光照视觉一致。排版处理需包含录制按钮和类似录音机的扬声器。

营造模拟氛围，使用配色方案生成一组卡带，以书脊视角展示，每次录音完成得到一盘新磁带。

7. LOGO 设计

改用 Weavy 中的 Ideogram V3，因其在字体排印方面表现更好。品牌名为 EchoJournal。

请生成 4 条 Logo 提示词：

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

另需一条负向提示词，避免生成普通、AI 味的垃圾 Logo。

Weavy Ideogram V3 支持负向提示词，可使用 SD3 - Remove Background 去除背景，并与 Figma 深度组合。

8. 组合开发

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