昊梵体育网

你发现了吗?当前界面设计工作流程与一年前的样子完全不同了。Figma 直到第 1

你发现了吗?当前界面设计工作流程与一年前的样子完全不同了。Figma 直到第 11/16 步才会出现。

现在为客户做设计,AI 为我们带来了速度,以至于整个项目的上半部分,完全不需要打开设计工具。

这里分享下流程:

1. 与客户通话,使用 Granola 录音,确保没有任何内容遗漏2. 在 Claude 中为该客户创建一个项目3. 从客户的知识库中提取上下文,并输入其中4. 添加他们的设计系统以及当前应用的截图5. 研究市场和竞争对手,然后也将这些内容输入6. 新建聊天,包含通话笔记和简报。如果客户已有 AI 原型,则将其作为上下文输入7. 开始头脑风暴并构建 HTML 原型。忽略 UI,忽略大部分 UX。如果需要灵感,则使用 Mobbin MCP。8. 构建几个截然不同的版本,探索一些创意可能性。9. 选择一个,将其转化为该功能的交互流程10. 发送给客户确认 UX,并保持快速推进11. 现在打开 Figma 并正确设计它12. 对于视觉方面,使用 Figma Weave、Midjourney 或任何适合该任务的 AI 工具生成额外资产13. 分享给客户,根据反馈调整14. 着手微交互,例如加载状态、悬停状态、其他动画。我们使用 Claude Code 可视化特定部分,然后交给开发者15. 准备移交。清理、标注、分享设计系统和规范,以便开发者可以使用 AI 阅读设计16. 根据开发者反馈及其实现情况调整设计。