引言
利用 AI 工具组合进行 UI 设计原型开发，能显著提升效率。本文以一款名为'Echo Journal'的音乐日记应用为例，演示如何串联 Google AI Studio、Claude、Cosmos 和 Weavy AI 完成从概念到视觉落地的全流程。
1. 原型定义与思路梳理
Google AI Studio 适合端到端的原型构思。通过 Gemini 强大的界面理解能力，可以快速生成基础架构。我们以音乐日记应用为例，先明确核心功能流程。
2. 品牌指南制定
设计不仅是视觉，更是体验。利用 Claude 协助制定品牌指南（Brand Guidelines），能确保产品调性统一。例如，针对厌倦手机干扰的用户，我们可以设定'情绪基调是发泄情绪的私人空间'，强调安静、不评判的倾听感。将这些原则提炼并在 Figma 中记录，作为后续设计的依据。
Figma 中不仅记录品牌指南，还包括所有的设计灵感、想法和元素。我们不需要凭空创造，而是借助工具寻找灵感，自然形成对产品的感受。
3. 情绪板构建
使用 Cosmos 创建情绪板（Moodboard）。搜索'复古磁带'等关键词，将模拟设备的氛围融入设计中，避免过度科技化带来的压迫感。这些元素需与之前的品牌指南保持一致，既不太科技化，也不会让用户反感。
