WithAI.Design

5 min read

终于!Figma还是连接了一切ComfyUI工作流!

【AI辅助设计】终于!Figma还是连接了一切ComfyUI工作流!

前言

很久没发文了,最近在“爆肝”第四个 Figma AI 插件,还是研究如何接入 ComfyUI 工作流的,只不过,这次的插件相对之前的,理论上可以接入一切 ComfyUI 工作流!而且支持本地和云上的机器!🐮

image.png

这次,想在用 Figma 使用 ComfyUI 的设计大师们,再也没有理由说,设备不行、不支持自定义工作流啦~😂。 几个插件的对比:

插件名称功能是否支持扩展是否支持本地是否支持云端备注
ComfyUI Image Generator✅ 文生图(FLUX、SDXL)
✅ 抠图
✅ 图生图(重绘)
✅ 草图到渲染图
✅ 透明图像元素
✅ 放大加细节
❌不支持✅支持❌不支持· 完全免费
· 开箱即用(下载 ComfyUI整合包)
· 不可自定义
ComfyUI-Image-Generator-Cloud✅ 文生图(FLUX Pro、FLUX Pro Ultra、SDXL)
✅ 抠图
✅ 图生图(重绘)
✅ 草图到渲染图
✅ 放大加细节
❌不支持❌不支持✅支持· 文生图质量高
· 无设备要求
· 需要 Replicte API
New ComfyUI-Image-Generator-Advance🆒 以上所有功能✅支持✅支持✅支持· 功能自定义
· 可部署到任何 GPU 服务器(需要支持公网外链)

效果如何?

支持所有 ComfyUI 工作流

当然,目前尚未支持视频、语音工作流(Figma 也用到不到吧?😂)。

image.png

GPU 支持本地或者云端

本地的机器需要通过 ngrok 或者 ddns 方式,开放到公网访问。云端的话,我测试过,Modal、AutoDL 可以支持的,理论上,只要支持公网连接访问,都可以接入。

image.png

友好的自适应前端组件

为了兼容 ComfyUI 工作流,我做了一个映射,将 ComfyUI 的输入组件,映射到 Figma 前端。 在灵活的同时,具备有好的前端输入。

image.png

组件对应表:

节点名称截图Figma 界面说明
ComfyDeploy
核心插件,用于设置 Deploy 的名称、ID、版本
Image Output
核心插件,用于定义输出。这里务必注意选择 PNG 或 jpg,Figma 不支持 webp 格式!
External Text

可以输入任意文本
External Number

浮点数字输入,像 Denoise、强度等,输入,使用浮点数字。
External Number Int

整数输入,像步数、图片尺寸这些就是整数
External Number Slider

滑竿输入,对于需要控制范围的数值,可以使用滑竿。
External Boolean

开关功能
External Image

用户传入图片、蒙版
以上类型,几乎可以覆盖 ComfyUI 文生图、图生图的所有参数了。我后续会持续去更新这些组件,尽量做到完整。

如何运作?

简要的介绍

image.png

使用需要一些必要的设置,跑通流程后,就可以实现完全的工作流自由了!

视频号

案例:美妆海报制作

image.png 只需要输入一张产品白底图,结合产品 AI 换背景工作流,充分利用 ComfyUI 的文生图、图生图、放大加细节、局部重绘等工作流,快速输出美妆海报。

视频

更多内容,可以查看插件的主页:https://www.figma.com/community/plugin/1474744985497323570/comfyui-image-generator-advance

另外这个插件为了填补服务器的运维成本,象征性的会收取 1 美元订阅费。现在有些免费的 license,大家可以后台回复我,我逐一派发。

关注我公众号(设计小站):sjxz 00,获取更多 AI 辅助设计和设计灵感趋势。

标签