diff --git a/专业领域/Claude_Design/INDEX_Claude_Design.md b/专业领域/Claude_Design/INDEX_Claude_Design.md new file mode 100755 index 0000000..7223ba5 --- /dev/null +++ b/专业领域/Claude_Design/INDEX_Claude_Design.md @@ -0,0 +1,148 @@ +--- +title: Claude Design 索引 +tags: + - Claude Design + - Anthropic + - AI Design + - Design Tool + - AI Agent +created: 2026-04-22 +updated: 2026-04-22 +--- + +# Claude Design 知识索引 + +> Anthropic Labs 推出的 AI 设计工具 +> +> 发布日期:2026 年 4 月 17 日 +> +> 官方网址:https://claude.ai/design + +--- + +## 核心定义 + +**Claude Design** 是 Anthropic Labs 推出的 AI 设计产品,让用户与 Claude 协作创建高质量视觉作品(设计、原型、幻灯片、单页等)。 + +- **底层模型**:Claude Opus 4.7(最强大的视觉模型) +- **定位**:对话式设计工具,对标 Figma + +--- + +## 三大功能模块 + +| 模块 | 说明 | +|------|------| +| **Prototypes** | 从文本、截图、Figma 文件、仓库 URL 或抓取网站创建原型 | +| **Design Systems** | 通过 DESIGN.md 持久化管理项目的 tokens 和组件 | +| **Collateral** | 演示文稿、营销页面、社交媒体内容、品牌视频 | + +--- + +## 核心功能 + +| 功能 | 说明 | +|------|------| +| 品牌构建 | 读取代码库和设计文件,自动构建设计系统 | +| 网页捕获 | 从网站抓取元素,使原型匹配生产环境 | +| 文件导入 | DOCX、PPTX、XLSX、图片、Figma .fig、仓库 URL、文本 | +| 内联评论 | 像在 Figma 中一样评论特定元素 | +| 调整旋钮 | 实时滑块调整间距、颜色、布局 | +| 设计系统覆盖 | 颜色、字体、组件、预览卡片、可导出 SKILL.md | +| 协作 | 组织范围内共享,私人/只读/编辑权限 | +| 导出 | Canva、PDF、PPTX、HTML、内部 URL | +| 代码移交 | 一键打包发送到 Claude Code(CSS 变量 + 组件框架) | +| 前沿功能 | 语音、视频、着色器、3D、内置 AI 输出 | + +--- + +## 应用场景 + +| 场景 | 用户 | 说明 | +|------|------|------| +| 现实原型 | 设计师 | 将静态模型转换为可共享的交互原型 | +| 产品线框图 | 产品经理 | 草图功能流程,移交 Claude Code 实现 | +| 设计探索 | 设计师 | 快速创建多种方向进行探索 | +| 演示文稿 | 创始人/销售 | 从大纲到完整品牌演示文稿 | +| 营销物料 | 营销人员 | 落地页、社交媒体资产、活动视觉 | +| 前沿设计 | 任何人 | 使用语音、视频、着色器、3D 构建原型 | + +--- + +## 竞品对比 + +| 产品 | 说明 | +|------|------| +| Figma | 传统设计工具(股价在 Claude Design 发布当天下跌 -4.26%) | +| Canva | 协作设计平台(已集成 Claude Design 导出) | +| Framer | AI 网站构建器 | +| Galileo AI | UI 设计生成 | + +--- + +## DESIGN.md 设计体系 + +Claude Design 使用 **DESIGN.md** 文件来定义和管理设计系统: + +### 设计风格分类 + +| 风格 | 特点 | 代表品牌 | +|------|------|----------| +| #1 Editorial Minimalism | 中性色、衬线标题、简洁 | Linear, Stripe, Vercel | +| #2 Terminal Core | 等宽字体、磷绿色/琥珀色 | Ollama, Warp, Raycast | +| #3 Warm Editorial | 赤陶色、奶油色、人文感 | Claude, Notion, Resend | +| #4 Data Dense Pro | 数据图表优先、饱和色 | ClickHouse, PostHog, Grafana | +| #5 Cinematic Dark | 电影级渐变、超大字体 | RunwayML, ElevenLabs | +| #6 Playful Color | 高饱和度、插图元素 | Figma, Duolingo, Mailchimp | +| #7 Glass & Soft Futurism | 毛玻璃、渐变透明 | Apple, Arc Browser, Airbnb | +| #8 Neon Brutalist | 硬边缘、色调混合 | The Verge, PlayStation | +| #9 Cult Indie Picks | 独立 SaaS、杂志风格 | Granola, Superhuman, Obsidian | + +--- + +## Remix 配方 + +单品牌克隆容易同质化,混合 tokens 可以创造独特风格: + +| 配方 | 组合 | 效果 | +|------|------|------| +| Linear × Claude | Linear 字体 + Claude 赤陶色 | 有人文感的编辑 SaaS | +| Warp × Sentry | Warp 等宽网格 + 淡紫色 | 不冰冷的开发者仪表盘 | +| Stripe × A24 | Stripe 布局 + A24 海报感 | 有个性的金融科技演示 | +| Vercel × Pitchfork | Vercel 灰度 + Pitchfork 橙色 | 编辑文档网站 | + +--- + +## 竞品影响 + +Claude Design 发布当天: +- **Figma** 股价下跌 -4.26% +- Reddit r/figmadesign 讨论热度飙升 +- 社区评价两极分化 + +--- + +## 获取方式 + +| 订阅计划 | 支持情况 | +|----------|----------| +| Claude Pro | ✅ 支持 | +| Claude Max | ✅ 支持 | +| Claude Team | ✅ 支持 | +| Claude Enterprise | 需要管理员开启 | + +访问:https://claude.ai/design + +--- + +## 相关资源 + +| 资源 | 链接 | +|------|------| +| 官方发布 | https://www.anthropic.com/news/claude-design-anthropic-labs | +| awesome-claude-design | https://github.com/rohitg00/awesome-claude-design | +| Anthropic Prompt Library | https://docs.anthropic.com/en/docs/build-with-claude/prompt-library/library | + +--- + +*整理:知识库管理员 | 归档:2026-04-22* \ No newline at end of file