讨论

Claude设计设置工作流程

来自 Wikiprompt,自由的提示词百科全书

Ruben Hassid

2026年5月7日

Claude设计设置工作流程 使用设计系统文件和结构化提示词设置Claude Design以生成品牌网站、演示文稿和视频的分步工作流程。

提示词内容收藏

🌐
第1步:前往claude.ai/design(将网址加入书签)。使用Pro或Max套餐登录。创建一个文件夹:“Claude Design”。把你拥有的所有品牌素材都放进去:标志、过往演示文稿、落地页、品牌PDF。 第2步:构建你的DESIGN.md。打开Claude Cowork。将其指向该文件夹。粘贴:“分析此文件夹并生成一份完整的设计系统说明。字体、颜色、图形风格、组件模式、语气、布局惯例。标记任何缺失的内容。将其保存为DESIGN.md。” 第3步:锁定你的提示结构。4个输入项:目标、布局、内容、约束条件。不佳示例:“帮我建一个定价页面。”优秀示例:“为[产品]构建一个定价页面。3个层级,年度/月度切换,移动端粘性CTA。语气:高端、战略性,,参考Stripe和Anduril。与DESIGN.md保持一致。” 第4步:选择格式。线框图→完整网站和落地页。幻灯片→推介演示文稿(含演讲者备注)。从模板→45秒动画视频。 第5步:生成,然后迭代。在聊天中进行结构性更改:“展示3种替代布局。”在画布中进行像素级更改:点击编辑,高亮你想修改的内容。响应式检查:“生成桌面版、平板版和移动版。” 第6步:导出。PPTX、PDF、独立HTML或代码包。

登录以查看完整提示词

继续使用:

登录即表示你同意我们的 使用条款 和 隐私政策

用法

此提示词专为 productivity 设计。复制上方内容并粘贴到你常用的 AI 工具中。

为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。

参考资料

分类:productivity| twitter| claude-design| design-system

讨论