AI生成的设计图,现在可以像PPT一样随意编辑了

AI把海报做出来之后，字太小，能不能选中放大？位置不合适，能不能拖过去？

这个开源项目，已经把这套操作做出来了。

看作者的演示：海报里的文字可以双击修改，图片也能作为独立对象调整。生成完的设计，还能接着改。

项目叫 Editable Design。我觉得它最吸引人的地方，就是把AI做图接到了后面的改稿环节。活动日期变了、宣传语要换、标题想放大，都有可以下手调整的地方。

Editable Design 以 Skill 的形式提供给编程助手使用，官方给出的入口是 Codex。可以把它理解成给助手增加一套专门做设计的能力：接收你的需求，组织生图和排版，做出成图，再附上可视化编辑器。

你给它的需求仍然可以是普通的话，比如做一张新品海报，写清产品、文案和想要的风格。后面由助手规划画面、生成素材、完成排版，并根据渲染效果继续调整。

它适合做的内容包括海报、信息图和营销宣传图。仓库里已经放了多种完整案例，能看到需求、制作过程和编辑效果。

它目前需要配合编程助手和相应的运行环境使用。对已经在用 Codex 的人，这个形态比较容易理解；如果平时只在聊天网页里点一下“生成图片”，使用门槛会高一些。

作者展示的中文茶饮案例，能把这个过程讲得很直观。

需求是给“山柚观音”做一张新品海报：深绿色的新中式风格，中杯16元、大杯19元，活动日期和宣传文案也一并给好。

AI根据这些要求完成设计。下面就是它交付的成图。

接着打开编辑器，品名能单独选中，字号和位置可以调整，价格也有自己的文字框。图已经大致满意，只想挪一挪、改几个字，就可以沿着这一版继续做。

其他案例也展示了这种编辑能力。开篇的椅子海报能双击修改文字；护肤品海报里，连瓶身上的品牌文字都有独立的选区。

“像PPT一样”说的就是这种操作感：选中对象，再修改它。我们要做的仍然是设计图。

按项目说明，editable-design 会同时提供这些内容：

•PNG成图：用来查看和使用最终画面。

•HTML设计源文件和独立素材：保留文字、图像与布局结构。

•可视化编辑器：用鼠标继续调整文字和对象。

•图层拆解与制作回放：查看画面由什么组成，以及助手怎样把它做出来。

这里的区别很实在。只有PNG时，价格和背景都是图片里的像素；有了源文件和编辑器，你才有机会单独点中那个价格。

它能做到这一点，是因为生成时就分开处理了文字和图像。图像模型负责视觉素材，编程助手用HTML、CSS排版，文字保留为文字，图片则作为独立对象摆放。

所以别把它理解成任意旧图片的自动拆层工具。照片里的冰块、光影和纹理，仍然是图像内容；能单独操作的是生成时保留下来的对象。

如果你经常做活动海报、商品宣传图，第一版之后还得改日期、调文案、挪位置，这个项目就值得关注。它展示了一条从AI生成到人工修改的完整路径。

尤其是那种“大部分都满意，只剩几个细节”的时候。能保留当前版本继续改，比重新生成整张图更符合实际工作的需要。

但可编辑也不等于怎么改都好看。文案变长了，可能还得调字号和换行；想换照片里的光线、材质，就需要处理图像素材。官方案例以单页设计为主，复杂多页的一致性还需要更多验证。

我对这个项目的兴趣就在这里：它把生成后的修改，也做成了工具的一部分。 对反复改稿的人来说，这比只看一张漂亮的样图有用得多。

用这类工具做完设计，记得把可编辑源文件和素材一起留好。

关注「廖定强的AI笔记」，继续分享能用进日常工作的AI工具和方法。

资料来源：项目仓库 · 论文 Editable Visual Design