想象一下,做页面时,手里已经有了一张合适的参考截图。配色和卡片样式都符合方向,接下来只想改几处:标题换成自己的业务,按钮文案调整一下,再挪动几个入口。

看起来不用重新做一整页。可把截图放进设计工具,点来点去,选中的仍然是一张图片。

标题不能直接改,按钮不能单独挪。要继续,就得重新补文字、找素材、摆位置。等这些都弄好,原本只想讨论的“这个方案合不合适”,反倒迟迟没有结果。

对于自己做产品、又需要兼顾 UI 的开发者,能不能先有一份可以动手调整的稿子,会影响后面怎么推进。

UISeek 寻界想接上的,就是从“看到一个参考”到“开始修改设计”的这段工作。它可以把 UI 截图转换为可编辑设计稿,让文字、图片等内容能够继续调整。下面按一次页面修改会遇到的几个需求,聊聊它的功能。

先从改一句文案开始

拿到可编辑结果后,不妨先挑最需要改的一处文字。

比如参考图上的按钮是“立即收藏”,而自己的页面需要的是“查看课程”。先选中这处文字,换成实际文案,再看看字号、字体和位置是否合适。

这是一个修改示例。下面的 UISeek 编辑器截图中,“立即收藏”已经可以单独选中,右侧能看到文字内容和字体属性。对只有截图的人来说,这就提供了一个能够继续操作的起点。

UISeek 编辑器中选中的“立即收藏”文字,右侧显示文字内容与字体属性

图为 2026 年 10 月 7 日保存的设计样例。

文案改完,再看页面是不是还放得下。短标题换成长标题后,卡片可能需要加高;按钮文字变长了,左右留白也要跟着调整。能够在稿子上直接看这些变化,讨论就有了具体对象。

这也是截图转可编辑设计比较实用的地方:先把自己的内容放进去,看看参考方案是否适合当前业务。

再把布局改成自己需要的样子

参考页面有四个入口,自己的业务可能只需要三个;原图把推荐内容放在最上面,自己的页面也许更需要突出搜索。

UISeek 提供对页面文字、图片等元素的编辑与位置调整。可以从现有结果继续整理内容,把要展示的信息换进去,再逐步调整间距和排列。

对于要沟通一版方案的场景,这样就能直接指着画面讨论:这个入口放在哪里,哪张卡片需要更突出,哪些内容可以删掉。

当然,转换后仍要检查字体、文字内容和排版。是否像原图只是一个观察角度,改完以后能否表达自己的业务,同样值得花时间确认。

遇到不好改的图标,也有单独的工具

改到细节时,图标可能又卡住了。手头只有一张小位图,想调整轮廓或配合新页面的风格,直接放大后也未必合适。

UISeek 插件提供图标矢量化功能,可以把符合条件的小图标转换为 SVG。操作时先查看原图,转换后拖动滑杆比较效果,确认合适再替换到画布里;当前插件会话内也支持还原操作。

这项功能面向单个小图标。当前入口要求图标宽高均不超过 100 像素,导出的 PNG 不超过 100 KB。处理后可以继续检查细线、拐角和留白,选用适合页面的结果。

如果工作正好卡在“这枚图标还想再改一点”,可以单独用这一项,不必为了处理图标重新调整整个页面。

做了一半的设计,下次还能接着整理

页面很少一次就定稿。换完文案,可能还要等另一组图片;布局确认后,也可能再回来调整入口。

UISeek 插件提供历史记录和 PXUI 文档导入。前者用于重新打开账号里的已有转换结果,后者用于把已有的 PXUI 设计文档带回画布继续编辑。已经有文档时,就多了一条继续修改的路径。

实际交付时,仍建议把确认过的设计文件和预览图一起保存。下次讨论改哪一处,可以回到同一版设计上继续。

从手边一张需要修改的图试起

如果已经有完整设计源文件,直接在原稿上修改通常更方便。UISeek 更适合介入的,是手里只有截图、又确实需要继续调整的时刻。

它也不意味着上传一次就能得到无需整理的最终稿。字体、内容和布局需要结合自己的用途检查,复杂图片和图标的效果也要具体看。

但对于“参考有了,修改却无从下手”这类问题,它提供了值得尝试的入口:截图转成可编辑稿,改文字和布局,按需处理图标,再通过文档和记录接着做。

如果你手边正好有这样一张图,可以先定一个小目标:换掉一句文案,调整一个入口,做出一版能讨论的页面。这个目标走通了,再决定哪些地方沿用,哪些地方重新设计。

产品入口:UISeek 寻界。