跳到主要内容
AI教程

使用 DeepSeek Design 构建可编辑的设计、演示文稿和视频

安装 DeepSeek Design 插件,根据需求生成并精细调整可编辑的视觉项目。

DeepSeek Design 可编辑视觉项目

什么是 DeepSeek Design?

DeepSeek Design 是由 iPolloWorkDeepSeek Harness 创建的原生视觉设计系统。它以 Harness 作为 AI 引擎,并以 iPolloWork Design Studio 作为视觉编辑环境。

你可以通过对话描述一个完整项目,让 Harness 生成或更新项目文件,然后以可视化方式优化结果。该系统支持网站、应用原型、海报、信息卡片、报告、演示文稿、动态设计、产品演示、数据故事和短视频。

与生成扁平化图像的工具或封闭式云端画布不同,DeepSeek Design 会将真实的项目文件存储在当前 Harness 工作区中。这些文件可继续保存、编辑,并借助 AI 反复迭代。

AI 将意图转化为成果,Studio 将成果细化为具体细节,而最终结果仍是一个可编辑的工作区项目。

选择合适的插件

DeepSeek Design 以三个独立的 npm 包形式发布。你可以只安装所需功能,也可以同时安装全部三个插件。

  • deepseek-idesign:适用于网站、应用原型、海报、信息卡片、数据报告、杂志及其他非幻灯片设计。它包含 Design 模板、桌面端和移动端预览、视觉元素编辑、主题、设计令牌,以及可感知当前选区的 Ask AI。
  • deepseek-ippt:适用于演示文稿和幻灯片。它提供专用模板目录、逐页编辑、视觉优化、可感知当前选区的 Ask AI,以及 PDF 或 PPTX 导出功能。
  • deepseek-ivideo:适用于动态设计、产品演示、数据故事和短视频。它使用 HyperFrames 时间轴,并包含动画、媒体处理、27 个模板、可感知当前选区的 Ask AI、验证、预览和视频导出功能。

这些插件共享 iPolloWork Studio 契约和模板协议,但各自的项目目录彼此隔离。安装其中一个包不会下载另外两个包。

主要功能

  • 原生 Harness 视图:Design、PPT 和 Video 工作流直接显示在 DeepSeek Harness 中,无需安装 iPolloWork 桌面应用。
  • AI 与手动编辑:先让 Ask AI 创建或重构整个设计,再以可视化方式调整单个元素或全局主题。
  • 可感知选区的 Ask AI:选择一个元素后,系统会准备一份对话草稿,其中包含该元素的文件位置、定位信息和当前样式。你可以在发送前检查草稿。
  • 可编辑的工作区文件:项目使用真实的 HTML、CSS、设计令牌和元数据,而不是截图或封闭式画布。
  • 独立的模板目录:通用 Design 模板与 PPT 模板拥有不同入口,避免幻灯片模板混入非幻灯片模板目录。
  • 可撤销的编辑:保存、撤销、写入冲突检测和原子文件替换,有助于在 AI 修改与手动修改重叠时保护项目。
  • 设计系统控制:设计令牌可统一管理颜色、排版、背景、间距、圆角、阴影和组件样式。

前置条件

安装插件之前,请确保你的环境满足以下要求:

  • Node.js ^22.19.0>=24.0.0
  • 当前版本的 DeepSeek Harness。
  • Harness 插件管理器所需的 pnpm 配置。

DeepSeek Harness 目前仍处于开发者预览阶段,因此可能出现破坏兼容性的变更。请查看 DeepSeek Harness 官方仓库,获取最新的安装和兼容性信息。

安装并启动 DeepSeek Design

选项 1:仅安装 Design

如果你需要创建网站、原型、海报、报告或其他非幻灯片视觉项目,请使用此选项。

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign
npx @deepseek-ai/dsh web

选项 2:安装 Design、PPT 和 Video

如果你需要完整的视觉创作系统,请安装全部三个包。

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign deepseek-ippt deepseek-ivideo
npx @deepseek-ai/dsh web

如果已经安装了 dsh 命令,请将 npx @deepseek-ai/dsh 替换为 dsh。默认情况下,可通过 http://127.0.0.1:3080 访问 Web 界面。

创建你的第一个项目

  1. 选择工作区。在你希望 DeepSeek Harness 用作工作区的项目目录中打开终端。
  2. 启动 Harness。运行 npx @deepseek-ai/dsh web,然后打开本地 Web 界面。
  3. 打开对话。创建新对话或继续现有对话。
  4. 选择创作视图。根据已安装的插件和所需输出,选择 DesignPPTVideo
  5. 从模板或空白项目开始。选择 Edit 旁边的 + 控件以打开相应模板目录,或让 AI 从头创建项目。
  6. 检查生成结果。Harness 会创建或修改相关项目文件,同时 Studio 会显示视觉输出。
  7. 优化并保存。手动编辑元素,或使用 Ask AI 进行有针对性的修改。更新内容将保留在当前工作区中。

设计需求示例

一份实用的需求说明应明确指出成果类型、内容、视觉方向和重要限制。例如:

创建一个响应式产品落地页,其中包含主视觉区域、
三张功能卡片、价格方案区域和醒目的行动号召。
使用深色背景、蓝色强调色、宽松的间距和清晰的排版。
提供桌面端和移动端布局。

Harness 可以将需求转化为工作区文件,包括 HTML、CSS、设计令牌和项目元数据。打开 Design 视图即可检查并优化结果。

演示文稿需求示例

创建一份简洁的产品发布演示文稿。
包含引言、客户痛点、解决方案、主要功能、
市场机会、路线图和最终行动号召。
所有幻灯片采用一致的现代视觉系统。

生成后,使用 PPT 视图编辑各个页面和元素。演示文稿准备就绪后,PPT 插件可将其导出为 PDF 或 PPTX。

视频需求示例

创建一段简短的产品演示视频,先介绍问题,
然后展示主要工作流、突出最终成果,并以行动号召结束。

使用 Video 视图操作 HyperFrames 时间轴、动画和媒体,并完成预览、验证与导出流程。

使用 Studio 和 Ask AI 优化元素

Studio 支持两种互补的编辑方式。直接视觉编辑适合精确调整文本、排版、颜色、尺寸、间距、背景、链接、图像和主题。对于用语言描述比手动操作更容易的修改,则适合使用 Ask AI。

  1. 在画布上选择标题、图像、组件或其他元素。
  2. 直接进行视觉修改,或选择 Ask AI
  3. 检查系统准备的对话草稿,其中包含可帮助 Harness 准确定位所选元素的信息。
  4. 如有必要,编辑请求,然后由你自行发送。
  5. 检查生成的文件和画布变更,再继续操作。

Ask AI 绝不会自动提交消息。它只会准备草稿,最终请求始终由你掌控。

了解项目的存储位置

每种创作模式都使用可预测的工作区目录:

  • Design:design/<sessionId>/
  • PPT:design/<sessionId>-ippt/
  • Video:video/<sessionId>/

相互隔离的路径有助于防止一个插件覆盖另一个插件的项目。由于后续对话可以读取并修改这些文件,你可以继续迭代,而不必重新生成彼此割裂的结果。

高级工作流技巧

分开处理结构与视觉变更

使用 Harness 完成添加章节、重新组织内容或重构项目等大范围修改。使用 Studio 精确调整间距、排版、颜色、图像位置和组件样式。这样可以让每种编辑方式专注于其最擅长的任务。

使用设计令牌保持一致性

优化项目时,应通过设计令牌管理重复出现的视觉属性,而不是逐个调整每个元素。令牌可以统一协调颜色、字体、背景、圆角、阴影、间距和整体组件语言。

优先使用可感知选区的请求

如需进行局部修改,请在使用 Ask AI 前选择具体元素。与未选择元素时提出笼统修改请求相比,生成的草稿包含更清晰的文件和样式上下文,可减少歧义。

发送或替换前进行检查

提交前应检查 Ask AI 草稿。模板变更会先进入暂存状态并通过验证,然后才会替换当前项目,但你仍应确认所选模板和修改请求符合你的意图。

使用正确的模板目录

创建网站、海报、报告和其他非幻灯片成果时,请打开 Design 模板目录;创建演示文稿时,请使用专用 PPT 模板目录;创建基于时间轴的项目时,请使用 Video 模板。这样可以避免误用针对其他输出类型设计的模板。

处理并发变更

DeepSeek Design 包含版本冲突检查和原子替换机制,可在 AI 编辑与手动编辑几乎同时发生时减少无提示覆盖。请定期保存并检查变更;如果视觉编辑未产生预期结果,请使用撤销功能。

更新或移除插件

使用 Harness 插件管理器更新全部三个插件:

npx @deepseek-ai/dsh plugin --profile web update deepseek-idesign deepseek-ippt deepseek-ivideo

不再需要这些插件时,可以将其移除:

npx @deepseek-ai/dsh plugin --profile web remove deepseek-idesign deepseek-ippt deepseek-ivideo

你可以调整任一命令,仅包含自己安装的一个或多个包。

安全与数据边界

  • 插件仅接受由 DeepSeek Harness 注册的工作区,并将文件操作限制在允许的工作区路径内。
  • Studio iframe 在访问宿主接口时,会使用每个进程随机生成的令牌和同源消息验证。
  • 文本写入使用版本冲突检测和原子替换,避免无提示地覆盖较新的文件。
  • 模板会先应用到隔离目录中,通过验证后再以原子方式移动到目标位置。如果操作失败,系统会恢复原始项目。
  • Ask AI 会准备草稿,但绝不会代替用户发送。
  • 安装这些插件不会安装或启动 iPolloWork 桌面应用。

参与项目贡献

可安装的构建版本位于 packages/ 下,适配器源代码维护在 source/plugins/ 下,共享的 Studio 协议和类型位于 source/shared/ 下。请勿直接编辑 packages/ 中生成的文件。

如需报告问题或建议新功能,请使用项目的 GitHub Issues。适配器相关贡献应提交至源代码目录。Studio 核心功能和模板相关贡献应提交至 iPolloWork 仓库,该仓库是产品代码的权威来源。

总结

DeepSeek Design 为 DeepSeek Harness 增加了迭代式视觉工作流,同时不会取代其对话、模型、工作区或权限体系。安装与你的输出类型相匹配的插件,根据清晰的需求说明生成项目,在 Studio 中进行优化,并使用可感知选区的 Ask AI 完成针对性修改。最终成果仍是一个真实、可编辑的项目,你可以随时保存并继续完善。