讨论

Claude设计工作流:从素材到导出

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

Ruben Hassid

2026年5月8日

Claude设计工作流:从素材到导出 在Claude中进行设计的分步指南,涵盖设置、设计系统创建、有效提示、迭代、验证和导出。

提示词内容收藏

🌐
_ex. 打开 claude.ai/design(它有自己独立的网址)。 2. 格式:线框图、幻灯片、模板或自由形式。 3. 使用 Pro 或 Max 套餐登录。 4. 使用我的完整设置指南:https://t.co/ZY8Fg5D2ea。 在提示之前,先获取一个 DESIGN .md 文件: 1. 将所有品牌素材拖入 Cowork 文件夹。提示:“将设计系统保存为 DESIGN .md” 2. 或者从 getdesign.md 花 30 秒窃取一个(Airbnb、法拉利、百事可乐,任何品牌都可以) 然后停止描述像素。改为粘贴以下内容: “构建一个定价页面。3 个层级、月度/年度切换、移动端粘性 CTA。与我们的首页风格保持一致。” 好的提示包含目标、布局、内容和约束条件。它会读取 DESIGN .md 来构建页面。 对于融资路演文稿,切勿直接要求生成幻灯片。 先生成一个 30 秒的动画视频,然后在同一聊天中:“将视频转换为幻灯片式路演文稿。” 在两个位置进行迭代: 在聊天中进行结构性修改:“给出 3 种不同的布局。” 在画布中进行像素级修改。点击编辑,它会亮起绿色。 导出前务必先验证: “列出 WCAG 2.1 AA 违规项及修复方法。” “生成桌面端、平板和移动端版本。” “为英雄区域建议 2 个 A/B 变体。” 右上角 → 导出。支持 PPTX、PDF、独立 HTML 或适用于 Claude Code 格式的捆绑包。

登录以查看完整提示词

继续使用:

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

用法

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

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

参考资料

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

讨论