Update from Sync Service

2026-04-22 01:06:51 +08:00
parent 1e4ebe7d38
commit c92541ed46
1 changed files with 148 additions and 0 deletions
--- a/专业领域/Claude_Design/INDEX_Claude_Design.md
+++ 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*