Reupload
全部AI工具本地AI?
← 返回首页

Skill · Anthropic Claude Design Documentation

通过Claude设计系统导入,即时生成符合品牌风格的设计

通过Claude设计系统导入,即时生成符合品牌风格的设计

图片: Igor Omilaev 来自 Unsplash

将你的代码库或现有设计系统导入Claude Design,加速设计工作流,让每个原型都自动继承你的品牌色彩、字体和组件。这消除了手动调整样式的步骤,并确保所有生成的模型稿即时保持品牌一致性。

Claude Design于2026年4月推出,包含一项设计系统导入功能,可在入门引导阶段读取你现有的设计文件或代码库。这意味着你要求Claude创建的每一个设计、原型或模型稿,都会自动采用你品牌真实的色彩、字体、间距和组件--无需手动调整。

具体工作流程如下:首先,在Claude Design中,于初始设置阶段上传你的设计系统令牌、Figma文件导出或CSS文件。Claude会解析这些文件并学习你的品牌规则。之后,每当你提示Claude生成新的界面或模型稿(落地页、产品页面或路演演示文稿)时,它都会自动套用你的设计系统。你可以在画布上用行内评论或直接编辑进行细化,并使用 /design-sync 命令将已验证的设计交接给Claude Code进行实现。

以一家需要设计多个产品页面的SaaS公司为例:上传一次设计系统,然后生成5到10个不同的功能模型稿,间距、按钮样式和配色方案保持一致。每个模型稿都遵循你的系统,无需反复提示品牌规则。可导出为PDF、PowerPoint或HTML,然后直接发给利益相关方或交给开发人员。

相比传统设计工具的关键优势在于:你用自然语言描述布局(“带功能卡片的侧边栏导航”),Claude立即以你的品牌风格将其构建出来,而你在实时画布中细化,无需离开界面。对于每周需要交付多份设计的团队来说,这能把迭代时间从数小时缩短到几分钟。

来源与版权

原始来源: Anthropic Claude Design Documentation