Appearance
AI 产品与设计资源
AI 正在重塑设计工作流。本页汇总 AI 辅助设计工具、产品原型工具与 AIGC 创作工作流，帮助设计师和产品经理提升效率。
AI 辅助设计工具
图像生成与编辑
| 工具 | 功能 | 特点 | 定价 | 链接 |
|---|---|---|---|---|
| Midjourney | 文生图 | 艺术感强、社区活跃 | 订阅制 | midjourney.com |
| DALL·E 3 | 文生图 | 与 ChatGPT 集成、理解力强 | API 按量 | openai.com/dall-e |
| Stable Diffusion | 开源文生图 | 可本地部署、可定制 | 免费/开源 | stability.ai |
| Flux | 文生图 | 开源、高质量 | 免费/开源 | blackforestlabs.ai |
| Ideogram | 文生图 | 文字渲染优秀 | 免费/订阅 | ideogram.ai |
| Adobe Firefly | 商业设计 | 与 Creative Cloud 集成 | 订阅 | adobe.com/firefly |
| Canva AI | 设计套件 | 模板丰富、易用 | 订阅 | canva.com |
UI/UX 设计
| 工具 | 功能 | 特点 | 定价 | 链接 |
|---|---|---|---|---|
| Figma AI | 设计辅助 | 原生 AI 功能、协作 | 免费/订阅 | figma.com |
| Galileo AI | UI 生成 | 文本到界面 | 订阅 | usegalileo.ai |
| Uizard | 原型设计 | 手绘到原型 | 免费/订阅 | uizard.io |
| Framer AI | 网站设计 | AI 生成网页 | 订阅 | framer.com |
| v0.dev | UI 生成 | Vercel 出品、React 代码 | 免费/订阅 | v0.dev |
| Tempo | 前端设计 | AI 辅助编码 | 订阅 | tempo.new |
品牌与创意
| 工具 | 功能 | 特点 | 链接 |
|---|---|---|---|
| Looka | Logo 设计 | AI 生成品牌标识 | looka.com |
| Brandmark | 品牌设计 | 完整品牌套件 | brandmark.io |
| Khroma | 配色方案 | AI 学习偏好 | khroma.co |
| Coolors | 配色工具 | AI 推荐配色 | coolors.co |
视频与动态内容
视频生成
| 工具 | 功能 | 特点 | 定价 | 链接 |
|---|---|---|---|---|
| Sora | 文生视频 | OpenAI、高质量 | 订阅 | openai.com/sora |
| Runway Gen-3 | 文生视频 | 多功能、控制强 | 订阅 | runwayml.com |
| Pika | 文生视频 | 快速生成、易用 | 免费/订阅 | pika.art |
| Kling | 文生视频 | 国产、物理模拟好 | 免费/订阅 | klingai.com |
| Veo 2 | 文生视频 | Google、高保真度 | API | deepmind.google/technologies/veo |
| HeyGen | 数字人 | 多语言、口型同步 | 订阅 | heygen.com |
| Synthesia | 数字人 | 企业级、模板丰富 | 订阅 | synthesia.io |
动效与 3D
| 工具 | 功能 | 特点 | 链接 |
|---|---|---|---|
| LottieFiles | 动效设计 | AI 生成动效 | lottiefiles.com |
| Spline | 3D 设计 | AI 辅助 3D | spline.design |
| Meshy | 3D 生成 | 文生 3D | meshy.ai |
| Tripo | 3D 生成 | 图片到 3D | trio3d.ai |
音频与音乐
| 工具 | 功能 | 特点 | 链接 |
|---|---|---|---|
| Suno | AI 音乐 | 文生音乐、完整歌曲 | suno.ai |
| Udio | AI 音乐 | 高保真度音乐 | udio.com |
| ElevenLabs | TTS | 多语言、情感表达 | elevenlabs.io |
| Adobe Podcast | 音频优化 | 降噪、增强 | podcast.adobe.com |
产品原型与开发
低代码/无代码工具
| 工具 | 功能 | 特点 | 链接 |
|---|---|---|---|
| Bolt.new | 全栈开发 | AI 生成应用 | bolt.new |
| Lovable | 产品原型 | 自然语言到产品 | lovable.dev |
| Replit Agent | 代码生成 | 全栈开发环境 | replit.com |
| Vercel v0 | 前端开发 | React 组件生成 | v0.dev |
| Tempo | 前端开发 | AI 协作编码 | tempo.new |
设计系统
| 工具 | 功能 | 特点 | 链接 |
|---|---|---|---|
| Figma | UI/UX 设计 | 行业标准、AI 增强 | figma.com |
| Sketch | UI 设计 | Mac 专属、插件生态 | sketch.com |
| Adobe XD | 原型设计 | Adobe 生态 | adobe.com/products/xd |
AIGC 工作流建议
markdown
## AI 设计工作流
### 创意发散阶段
- [ ] 使用 Midjourney/Flux 生成概念图
- [ ] 利用 ChatGPT/Claude 进行脑暴
- [ ] 使用 Khroma/Coolors 确定配色
### 原型设计阶段
- [ ] 使用 Figma AI/Galileo 生成初版 UI
- [ ] 用 v0.dev 生成 React 组件
- [ ] 在 Figma 中细化交互
### 资源生成阶段
- [ ] 图像: Midjourney/Stable Diffusion 生成素材
- [ ] 视频: Runway/Pika 制作动态内容
- [ ] 音频: ElevenLabs 配音
- [ ] 3D: Spline/Meshy 创建 3D 元素
### 产品化阶段
- [ ] 使用 Bolt.new/Lovable 快速搭建 MVP
- [ ] 用 Replit 进行全栈开发
- [ ] 通过 Vercel 部署上线相关页面
- AI 视频工具选型与使用指南 — AI 视频工具选型与使用指南
- MG 动画 AI 工具选型与实操指南 — MG 动画 AI 工具选型与实操指南
- 多模态 AI 应用开发指南 — 多模态 AI 应用开发指南
- 图像生成模型对比 — 图像生成模型对比
- 视频生成模型对比 — 视频生成模型对比
参考来源
- 各工具官方网站
- Product Hunt AI 工具榜
- Figma Community
- Vercel 文档