一个无限画布,把 AI 创作变成拖拽式工作流:Infinite-Canvas 开源体验

banner

前言

一张图片的生成,现在可能只需要几十秒。

但一张满意图片的诞生,往往需要更长的时间。

一个创意从最初的想法开始,可能经历无数次 Prompt 调整、参考图替换、版本对比和细节修改。过程中产生的大量素材、提示词和中间结果,却很容易散落在聊天记录、图片文件夹以及不同 AI 工具中。

当 AI 创作越来越频繁,真正需要管理的,已经不只是最终生成的图片,而是整个创作过程。

Infinite-Canvas 尝试用一种新的方式解决这个问题:通过一块无限扩展的画布,将 Prompt、素材、AI 生成结果以及不同创作节点连接起来,让 AI 创作从“一次生成”,变成一个可以持续推进的可视化工作流。

1 什么是无限画布(Infinite-Canvas)?

项目地址:https://github.com/hero8152/Infinite-Canvas

Infinite-Canvas 是一个 GitHub 开源的 AI 创作工作台,它将 Prompt、图片生成、参考素材以及创作过程放到同一个无限画布中,让用户可以围绕一个创意不断调整和扩展,而不是每次生成后重新开始。

在传统 AI 创作过程中,一个作品往往需要经历多次尝试:修改 Prompt、更换参考图、生成不同版本,再从中筛选和优化。但这些过程通常分散在聊天窗口、图片工具以及本地文件夹中,时间久了很难找到之前的思路和生成逻辑。

image-20260728180206442

Infinite-Canvas 采用“无限画布”的方式,将这些零散的内容集中到同一个空间中。用户可以将想法、提示词、图片素材以及 AI 生成结果作为不同节点放置在画布中,并通过节点之间的连接关系,记录一次创作从想法到成品的完整过程。

简单来说,它更像是一个面向 AI 创作场景的可视化工作台,让创作过程从“输入 Prompt,等待结果”,变成一个可以不断调整、组合和延伸的工作流。

590175640-6d823668-cde2-4836-8332-1858efe5f520

2 Infinite-Canvas 提供了哪些功能?

Infinite-Canvas 将图片生成、对话创作、画布编排和素材管理拆分为多个功能页面。它们真正的区别主要在于交互方式:

  • 本地功能侧重固定任务和 ComfyUI 工作流;
  • 在线生图侧重统一调用云端图片模型;
  • AI 对话侧重通过自然语言完成问答、文生图和图片修改;
  • 无限画布侧重组织和串联整个创作过程;
  • 素材库负责集中管理创作过程中产生的内容。

2.1 本地功能

启动项目后,默认进入“本地功能”中的文生图页面。该分组还提供细节增强、图片编辑和角度控制等功能。这些功能主要通过本机部署的 ComfyUI 执行,因此使用前需要单独安装并启动 ComfyUI,并在项目设置中填写对应ComfyUI的后端服务地址。

其中,文生图、图片编辑和角度控制页面还提供 ModelScope 云端模式。配置 ModelScope API Key 后,即使本机没有运行 ComfyUI,也可以切换至 ModelScope 完成相应任务。不同功能支持的运行方式有所区别,具体以页面中的“本地 / ModelScope”切换选项为准。image-20260730162551108

2.2 在线生图

在线生图用于集中调用已经配置好的云端图片生成服务。用户可以在 API 设置中添加不同的平台(如ModelScope 、RunningHub、其他OpenAI兼容接口)、接口地址、API Key 和模型,然后在在线生图页面选择相应的服务完成文生图或图生图任务。

image-20260730171513783

2.3 AI对话

AI 对话模块主要用于通过自然语言完成创意交流。 用户可以直接输入自己的想法,让 AI 协助优化 Prompt、生成创意方案,也可以结合图片完成分析和修改建议。

image-20260730172047040

2.4 无限画布

无限画布是项目的核心工作空间。用户可以将文本、提示词、图片、视频等内容作为节点放置在画布中,并通过自由拖拽、缩放和连接节点来组织创作过程。相比单独的生图或对话页面,画布更适合处理需要多次生成、修改和对比的复杂任务。

image-20260730172151505

2.5 素材库

素材库中,可以上传自己的一些图片资产,工作流,以及提示词库等等。以及在画布中生成的资产也可以在这里找到:
image-20260730174800968

3 下载部署Infinite-Canvas

访问Infinite-Canvas的GitHub仓库地址,在仓库页面点击【Code】按钮展开,然后点击【Download ZIP】按钮下载项目源码压缩包:

https://github.com/hero8152/Infinite-Canvas

如下图所示:

image-20260730175801023

如果无法访问GitHub仓库地址,可以从云盘中下载,我将当前仓库最新的源码压缩包下载下来放在云盘中了(支持免登录下载):

123云盘永久地址:https://1812864937.share.123pan.cn/123pan/3jOKVv-nDi5H?pwd=1314#

提取码:1314

image-20260730182335205

下载下来后,是一个压缩包,将其解压后即可,然后进入到目录中,可以看到如下图所示的目录列表:

image-20260730182610024

双击【安装依赖.bat】脚本,下载项目所需要的依赖环境,等待几分钟(具体由网络因素决定),出现如下【Done】提示代表完成:

image-20260730183442103

接着按任意键退出终端,然后双击【run.bat】脚本,即可启动项目:

image-20260730183717733

启动项目后,浏览器会自动打开项目地址,如果没有打开,可以手动输入如下地址访问:

http://127.0.0.1:3000/

image-20260730183802015

出现项目页面,这样代表项目下载部署完成啦!

4 配置在线API

这里以 Agnes AI 提供的免费 API 为例进行配置。Agnes AI 是一个支持多模态能力的 AI 平台,提供了兼容 OpenAI 接口格式的 API,可以直接接入支持 OpenAI 协议的应用中:

image-20260731112752769

从下图可以看到,官方回答可以无限期免费使用,不过接口存在 RPM(每分钟请求数)限制,对于个人体验、功能测试以及轻量级应用场景来说基本够用:

image-20260731112915115

由于本项目支持 OpenAI API 兼容协议,因此可以接入任意兼容该标准的模型服务。这里以 Agnes AI 提供的免费 API 作为示例,首先打开菜单【API设置】,点击新增平台:

image-20260731111112385

接着,访问如下Agnes的API key创建页面,创建一个key(未注册或登录会先跳转登录页面,登录即可):

https://platform.agnes-ai.cn/settings/apiKeys

如下图:
image-20260731111300803

接着,回到API设置页面,设置一个方便辨别的平台名称,请求地址填写如下地址,API key填写前面创建的key,然后点击验证地址:

https://api.agnes-ai.cn/v1

如下图填写操作:

image-20260731111549766

接着点击下方的【拉取模型】按钮,然后勾选所有模型,点击【应用到模型列表】按钮:
image-20260731111900000

点击应用后,就可以看到生图模型、聊天模型、视频模型都自动填写了对应的大模型名称了:
image-20260731112013693

接着,鼠标滚动到上方顶部,点击右上角【保存】按钮,进行保存:
image-20260731112103920

保存后,我们就可以切换到AI对话的聊天窗口进行对话验证了(注意将大模型切换为Agnes AI渠道的模型,也就是刚才创建的渠道):
image-20260731112250497

到这里,API就配置好了!当然,你也可以多添加一些其他渠道的模型,比如用Seedance模型来生成视频,用gpt-image-2来生成图片等等,毕竟更强的模型,生成的效果肯定会更好嘛!

5 无限画布

前面的功能更多是单独完成某一个任务,例如生成一张图片、修改一张图片,或者通过 AI 对话获取灵感。 而 Infinite-Canvas 真正有特色的地方,是将这些功能全部放回到同一个画布中。 在无限画布中,用户不再需要按照固定步骤操作,而是可以围绕一个创意主题,自由组合不同类型的内容节点。

这里就来简单演示一下,首先在左侧菜单栏打开无限画布页面,点击【新建画布】,给画布设置一个名称,这里以普通画布为例, 然后点击创建:
image-20260731115219481

创建完成后,点击创建好的画布,就可以进入画布中:
image-20260731115253155

我们可以点击鼠标右键,然后选择节点,如这里选择提示词节点:

image-20260731115354242

写一段提示词,然后鼠标按住提示词边缘的黑色圆点,拖出虚线松开,便可以选择支持链接的节点,这里以API生成节点为例:
image-20260731115732021

接着,点击【API生成】按钮测试一下:

image-20260731120228217

可以看到,成功的生成了一张图片!当然,还可以像这样,加一个节点,上传参考图,然后根据参考图出新的图:
image-20260731121628549

还支持添加循环节点,比如并发,也就是同时生成多张图,然后看效果选择:
image-20260731121840456

如果觉得某一张图还不错,可以单独拖出来:
image-20260731121930744

双击图片,可以进行放大查看,做裁剪、扩图、修改、宫格切分等等功能:

image-20260731122017418

比如像九宫格切分,它就可以直接把这张图等比例切分成九份:
image-20260731144732329

像做一些九宫格分镜图的时候就挺不错的,切分完成后可以直接下载下来:
image-20260731144846907

可以看到,通过节点组合的方式,Infinite-Canvas 将原本需要多个工具配合完成的创作流程,集中到了同一个画布中。对于需要反复调整 Prompt、生成和筛选素材的场景,这种方式会更加直观。

6 让 Infinite-Canvas 支持远程访问

到这里,Infinite-Canvas 已经可以在本地电脑中正常运行。

不过,默认情况下它只能通过当前电脑访问。如果只是日常体验没有问题,但当创作内容越来越多时,很多时候并不希望一直坐在运行项目的电脑前操作。例如在电脑上完成图片生成后,想用手机或平板查看效果,或者外出时继续调整之前保存的画布,本地访问方式就会带来一些限制。

因此,如果希望让自己的 AI 创作空间能够在更多设备上访问,就需要将本地运行的 Infinite-Canvas 映射到公网。接下来,我们就来通过 cpolar 实现远程访问,让 Infinite-Canvas 拥有一个独立的公网访问地址。

6.1 什么是cpolar?

image-20250910114418412

  • cpolar 是一款内网穿透工具,可以将你在局域网内运行的服务(如本地 Web 服务器、SSH、远程桌面等)通过一条安全加密的中间隧道映射至公网,让外部设备无需配置路由器即可访问。
  • 广泛支持 Windows、macOS、Linux、树莓派、群晖 NAS 等平台,并提供一键安装脚本方便部署。

6.2 下载安装cpolar

打开cpolar官网的下载页面:https://www.cpolar.com/download
点击【立即下载 64-bit】按钮,下载cpolar的安装包:

image-20250815171202537

下载下来是一个压缩包,解压后执行目录中的应用程序,一路默认安装即可,安装完成后,打开cmd窗口输入如下命令确认安装:

cpolar version

image-20250815171446129

出现如上版本即代表安装成功!

6.3 注册及登录cpolar web ui管理界面

官网链接:https://www.cpolar.com/

访问cpolar官网,点击免费注册按钮,进行账号注册:

image-20250804085039567

进入到如下的注册页面进行账号注册:
image-20260301193227057注册完成后,在浏览器中输入如下地址访问 web ui管理界面:

http://127.0.0.1:9200

image-20250815171734046

输入刚才注册好的cpolar账号登录即可进入后台页面:

image-20250815171846757

7 使用cpolar穿透Infinite-Canvas

7.1 随机域名方式(免费方案)

随机域名方式更适合临时测试或短期使用。使用该方式时,公网访问地址会在一段时间后发生变化,通常不适合长期固定访问。不过它的优点是配置简单、可以免费体验。如果后续需要长期访问 Infinite-Canvas,或者希望团队成员使用同一个稳定地址,可以继续参考后面的 固定域名方式,访问体验也会更稳定。

点击左侧菜单栏的【隧道管理】,展开进入【隧道列表】页面,页面下默认会有 2 个隧道:

  • remoteDesktop隧道,指向3389端口,tcp协议
  • website隧道,指向8080端口,http协议(http协议默认会生成2个公网地址,一个是http,另一个https,免去配置ssl证书的繁琐步骤)

image-20250914174356363

点击编辑【website】隧道或创建一条新的隧道,设置一个隧道名称(自定义即可),协议选择【http】,本地地址填写Infinite-Canvas的访问端口【3000】,地区这里选择的【China VIP】,最后点击更新:

image-20260731150409192

接着,点击左侧菜单栏的【状态】,进入【在线隧道列表】页面。这里可以看到两条名称为【Infinite-Canvas】的在线隧道,分别对应 http 和 https 协议:

image-20260731150803641

以https公网地址为例,复制在浏览器中打开:

image-20260731150952841

可以看到,成功打开了 Infinite-Canvas 页面!这样,即使不在运行项目的电脑旁,也可以通过公网地址访问自己的 AI 创作空间。

7.2 固定域名方式

通过前面的配置,我们已经可以使用随机公网地址访问 Infinite-Canvas。不过随机域名更适合临时测试,地址可能会在一段时间后发生变化。如果后续需要长期访问 Infinite-Canvas,或者需要把地址分享给团队成员使用,建议配置固定二级子域名

固定域名配置完成后,访问地址会更加稳定,后续打开 Infinite-Canvas 时就不需要频繁更换访问链接。

首先,进入 cpolar 官网后台的预留页面:

https://dashboard.cpolar.com/reserved

选择左侧菜单栏的【预留】,找到【保留二级子域名】区域,填写【地区、二级域名、描述】等信息,然后点击【保留】按钮:

image-20260731151700238

这里需要注意:

  • 地区:建议选择和前面创建隧道时一致的地区,例如 China VIP
  • 二级域名:填写想要使用的名称,例如 infinite
  • 描述:可以填写方便后续辨别的,或者留空也可以

保留成功后,列表中会显示一条已保留的二级子域名记录。

注意:这里的二级域名是唯一的,每个账号可用的名称不同,请以自己实际保留成功的二级域名为准。

接着,接着,回到本地 cpolar Web UI 管理界面,点击左侧菜单栏的【隧道管理】,进入【隧道列表】页面,找到前面创建的 Infinite-Canvas 隧道,点击右侧【编辑】按钮:

image-20260731151830952

将域名类型修改为【二级子域名】,并填写刚才在官网后台保留的二级子域名,其他配置保持和前面一致:

  • 协议:http
  • 本地地址:3000
  • 域名类型:二级子域名
  • Sub Domain:填写刚才保留的二级域名,例如 infinite
  • 地区:选择和保留域名时一致的地区,例如 China VIP

配置完成后,点击【更新】按钮:

image-20260731151957442

更新完成后,点击左侧菜单栏的【状态】,进入【在线隧道列表】页面。这里可以看到 Infinite-Canvas 隧道已经生成了固定的公网访问地址:

image-20260731152034810

在浏览器中打开新生成的的固定公网地址:

image-20260731152127385

可以看到,页面同样可以正常打开,并且画布中的图片等资产也可以正常显示!这样,你就拥有了一个固定的公网访问地址,可以随时通过浏览器访问自己的 Infinite-Canvas 创作空间。

8 配置HTTP Auth添加访问认证

通过前面的配置,Infinite-Canvas 已经可以通过固定公网地址访问。 不过,与本地环境不同,公网地址意味着任何知道访问链接的人,都可以尝试打开这个页面。如果只是个人临时使用影响不大,但当其中保存了大量创作素材、生成图片以及个人 Prompt 时,增加一层访问保护会更加安全。 cpolar 提供了 HTTP Auth 功能,可以为公网访问地址添加账号密码认证。配置完成后,访问 Infinite-Canvas 时,需要输入正确的账号密码才能进入页面。

image-20260731154507589

首先,进入 cpolar Web UI 的【隧道管理>隧道列表】,找到前面配置的 Infinite-Canvas 隧道,然后点击右侧的【编辑】:

image-20260731154536596

在隧道编辑页面中展开【高级】设置,找到【HTTP Auth】配置项,按照下面的格式填写用户名和密码:

注意:HTTP Auth 属于公网隧道的访问保护,并不是 Infinite-Canvas 本身的用户系统。建议设置不容易被猜到的独立密码,并优先使用 HTTPS 公网地址访问。

用户名:密码

如下图所示,设置好后点击更新:

image-20260731154809966

接着重新打开 Infinite-Canvas 的 HTTPS 公网地址。此时浏览器会弹出身份验证窗口:

image-20260731154836515

这样,就成功的给Infinite-Canvas添加上了登录认证功能啦!

总结

AI 工具降低了创作门槛,但随着使用频率增加,如何整理灵感、管理 Prompt 以及保存不同阶段的生成结果,也逐渐成为新的问题。Infinite-Canvas 通过无限画布的方式,将 AI 创作过程中的各种内容连接起来,让创意不再局限于一次性的生成操作。

通过体验可以看到:

  • Infinite-Canvas 将 Prompt、图片素材、AI 生成结果以及创作节点集中到同一个空间中,更适合需要不断调整和迭代的创作场景;
  • 项目支持本地模型、在线 API 以及多种节点组合方式,可以根据自己的需求搭建不同的 AI 创作流程;
  • 结合 cpolar 后,原本运行在本地电脑上的 AI 创作空间也可以通过公网访问,在不同设备上继续查看和管理自己的创作内容。

对于经常使用 AI 进行图片创作、素材整理或者创意探索的用户来说,Infinite-Canvas 提供了一种更加直观的工作方式。它并不是替代某一个 AI 模型,而是尝试重新组织人与 AI 协作的整个过程。

感谢您阅读本篇文章,有任何问题欢迎留言交流。 cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

Share:

发表回复

目录

On Key

推荐文章