ComfyUI_frontend

GitHub
1.7k 545 中等 2 次阅读 今天GPL-3.0开发框架
AI 解读 由 AI 自动生成,仅供参考

ComfyUI_frontend 是 ComfyUI 项目的官方前端界面实现,旨在为用户提供直观、稳定的图形化操作环境。作为连接用户与强大 AI 图像生成后端的桥梁,它将复杂的节点逻辑转化为可视化的工作流,让 AI 绘画和模型调试变得更加便捷。

ComfyUI_frontend 解决了传统命令行或分散式前端带来的维护难题,通过结构化的发布周期确保软件稳定性,同时提供每日夜间构建版本供尝鲜用户测试新功能。对于习惯使用 ComfyUI 进行 AI 绘画、工作流设计的创作者、开发者及研究人员而言,这是不可或缺的核心组件。

技术亮点方面,ComfyUI_frontend 在 v1.5 版本中引入了原生国际化支持(i18n)。用户无需安装额外插件,即可在设置中直接切换界面语言,包括简体中文、英文、日文等多种选项。这种内置的多语言优化显著降低了非英语用户的上手门槛,配合灵活的版本管理策略,为不同需求的用户提供流畅的体验。

使用场景

一位国内 AI 内容创作者正在部署本地 ComfyUI 服务,用于批量生成电商产品图,并需要向不懂技术的运营人员讲解复杂的工作流逻辑。

没有 ComfyUI_frontend 时

  • 界面默认全英文,复杂的节点名称和参数说明难以理解,新手极易在关键步骤出错。
  • 必须安装第三方汉化插件才能看懂菜单,但插件更新滞后,常导致界面显示错误或崩溃。
  • 每次 ComfyUI 核心升级,旧版前端插件都可能不兼容,需要花费大量时间排查修复环境问题。
  • 团队协作时,因语言障碍无法快速对齐操作规范,新人上手培训成本极高。

使用 ComfyUI_frontend 后

  • 内置原生多语言支持,直接在设置中切换简体中文、日语等,无需额外安装任何扩展插件。
  • 官方统一维护前端代码,确保界面稳定性与核心版本完美匹配,大幅减少运行时故障。
  • 遵循规范的发布周期,新功能上线即支持多语言,体验流畅无割裂感,更新更安心。
  • 中文界面让运营人员也能轻松上手查看工作流,大幅降低内部培训成本,提升协作效率。

ComfyUI_frontend 凭借原生国际化支持与官方标准化维护,彻底解决了非英语用户的使用障碍与长期维护难题。

运行环境要求

操作系统
  • 未说明
GPU

未说明

内存

未说明

依赖
notes本工具为 ComfyUI 官方前端实现,主要提供 Web 界面交互,不直接包含后端 AI 推理所需的 Python 环境、GPU 或显存要求(需配合 ComfyUI 后端服务运行)。文中示例代码包含 Windows 批处理文件 (.bat),并提及支持 Electron 桌面环境。开发者需注意在 Electron 环境中部分浏览器原生 API (window.prompt/confirm/alert) 不可用,应使用文档中提供的扩展管理器 API 进行替代。支持通过命令行参数 --front-end-version 指定前端版本以使用夜间构建版。
python未说明
未说明
ComfyUI_frontend hero image

快速开始

ComfyUI_frontend

ComfyUI 的官方前端 (Front-end) 实现。

Website Discord Matrix

发布计划

该项目针对每个次要版本遵循结构化的发布流程,包含三个不同的阶段:

  1. 开发阶段 (Development Phase) - 2 周

    • 新功能的积极开发
    • 代码变更合并 (Merge) 到开发分支
  2. 功能冻结 (Feature Freeze) - 2 周

    • 不接受新功能
    • 仅将错误修复 (Bug Fixes) 拣选 (Cherry-picked) 到发布分支
    • 代码库 (Codebase) 的测试和稳定化
  3. 发布 (Publication)

    • 在冻结期结束时发布版本
    • 版本确定并向所有用户开放

夜间构建版本 (Nightly Releases)

夜间构建版本每天发布于 https://github.com/Comfy-Org/ComfyUI_frontend/releases

要使用最新的夜间构建版本,请在您的 ComfyUI 启动脚本中添加以下命令行参数:

--front-end-version Comfy-Org/ComfyUI_frontend@latest

重叠发布周期

连续次要版本的开发是重叠进行的。例如,当版本 1.1 处于功能冻结期时,版本 1.2 的开发同时开始。每个功能从合并到 ComfyUI 稳定版 (Stable Release) 发布大约有 4 周的时间(主分支 (Main) 2 周,候选版本 (RC) 冻结 2 周)。

示例发布周期

日期范围 版本 1.1 版本 1.2 版本 1.3 补丁发布 (Patch Releases)
1-2 Mar 1-14 开发中 - - -
3-4 Mar 15-28 功能冻结 开发中 - 1.1.0 至 1.1.13 (每日)
5-6 Mar 29-Apr 11 已发布 功能冻结 开发中 1.1.14+ (每日)
1.2.0 至 1.2.13 (每日)
7-8 Apr 12-25 - 已发布 功能冻结 1.2.14+ (每日)
1.3.0 至 1.3.13 (每日)

发布摘要

主要功能

v1.5: 原生翻译支持 (i18n / 国际化)

ComfyUI 现已包含内置翻译支持,无需第三方翻译扩展。在 Comfy > Locale > Language 中选择您的语言,即可将界面翻译成英语、中文(简体)、俄语、日语、韩语或阿拉伯语。与之前的解决方案相比,此原生实现提供了更好的性能、可靠性和可维护性。

更多详情请查看:https://blog.comfy.org/p/native-localization-support-i18n

v1.4: 新的蒙版编辑器 (Mask Editor)

https://github.com/Comfy-Org/ComfyUI_frontend/pull/1284 实现了新的蒙版编辑器。

image

v1.3.22: 集成服务器终端 (Terminal)

按 Ctrl + ` 切换集成终端。

https://github.com/user-attachments/assets/eddedc6a-07a3-4a83-9475-63b3977f6d94

v1.3.7: 快捷键绑定 (Keybinding) 自定义

基本界面

image

重置按钮

image

编辑快捷键

image image

rec.webm

v1.2.4: 节点库 (Node Library) 侧边栏 (Sidebar) 标签页

拖放 (Drag & Drop)

https://github.com/user-attachments/assets/853e20b7-bc0e-49c9-bbce-a2ba7566f92f

过滤

https://github.com/user-attachments/assets/4bbca3ee-318f-4cf0-be32-a5a5541066cf

v1.2.0: 队列 (Queue)/历史记录侧边栏标签页

https://github.com/user-attachments/assets/86e264fe-4d26-4f07-aa9a-83bdd2d02b8f

QoL (体验优化) changes

v1.3.32: **Litegraph** 嵌套组

https://github.com/user-attachments/assets/f51adeb1-028e-40af-81e4-0ac13075198a

v1.3.24: **Litegraph** 组选择

https://github.com/user-attachments/assets/e6230a94-411e-4fba-90cb-6c694200adaa

v1.3.4: **Litegraph** 自动将控件转换为输入

将正确类型的连线拖放到节点控件上,会自动将该控件转换为输入。

rec.webm

v1.3.4: **Litegraph** 画布平移模式

在平移模式下,画布变为只读。通过点击画布菜单上的平移模式按钮或按住空格键可激活平移模式。

rec.webm

v1.2.62: **Litegraph** 将可选输入槽位显示为圆环

GYEIRidb0AYGO-v

v1.2.44: **Litegraph** 双击组标题进行编辑

https://github.com/user-attachments/assets/5bf0e2b6-8b3a-40a7-b44f-f0879e9ad26f

v1.2.39: **Litegraph** 使用 Ctrl + G 组合选中的节点

https://github.com/user-attachments/assets/7805dc54-0854-4a28-8bcd-4b007fa01151

v1.2.38: **Litegraph** 双击节点标题进行编辑

https://github.com/user-attachments/assets/d61d5d0e-f200-4153-b293-3e3f6a212b30

v1.1.8: **Litegraph** 隐藏控件值上的文本溢出

https://github.com/user-attachments/assets/5696a89d-4a47-4fcc-9e8c-71e1264943f2

开发者 API(应用程序接口)

v1.6.13:ComfyUI 桌面版的 prompt/confirm/alert 替代方案

ComfyUI 桌面版的 Electron(跨平台桌面应用框架)环境中不可用某些仅限浏览器的 API(应用程序接口)。

  • window.prompt
  • window.confirm
  • window.alert

请使用以下 API(应用程序接口)作为替代。

// window.prompt
window['app'].extensionManager.dialog
  .prompt({
    title: 'Test Prompt',
    message: 'Test Prompt Message'
  })
  .then((value: string) => {
    // Do something with the value user entered
  })

image

// window.confirm
window['app'].extensionManager.dialog
  .confirm({
    title: 'Test Confirm',
    message: 'Test Confirm Message'
  })
  .then((value: boolean) => {
    // Do something with the value user entered
  })

image

// window.alert
window['app'].extensionManager.toast.addAlert('Test Alert')

image

v1.3.34:注册关于面板徽章
app.registerExtension({
  name: 'TestExtension1',
  aboutPageBadges: [
    {
      label: 'Test Badge',
      url: 'https://example.com',
      icon: 'pi pi-box'
    }
  ]
})

image

v1.3.22:注册底部面板标签页
app.registerExtension({
  name: 'TestExtension',
  bottomPanelTabs: [
    {
      id: 'TestTab',
      title: 'Test Tab',
      type: 'custom',
      render: (el) => {
        el.innerHTML = '<div>Custom tab</div>'
      }
    }
  ]
})

image

v1.3.22:新设置 API(应用程序接口)

旧版设置 API(应用程序接口)。

// Register a new setting
app.ui.settings.addSetting({
  id: 'TestSetting',
  name: 'Test Setting',
  type: 'text',
  defaultValue: 'Hello, world!'
})

// Get the value of a setting
const value = app.ui.settings.getSettingValue('TestSetting')

// Set the value of a setting
app.ui.settings.setSettingValue('TestSetting', 'Hello, universe!')

新版设置 API(应用程序接口)。

// Register a new setting
app.registerExtension({
  name: 'TestExtension1',
  settings: [
    {
      id: 'TestSetting',
      name: 'Test Setting',
      type: 'text',
      defaultValue: 'Hello, world!'
    }
  ]
})

// Get the value of a setting
const value = app.extensionManager.setting.get('TestSetting')

// Set the value of a setting
app.extensionManager.setting.set('TestSetting', 'Hello, universe!')
v1.3.7:注册命令和快捷键绑定

扩展可以调用以下 API(应用程序接口)来注册命令和快捷键绑定。请注意,核心中定义的快捷键绑定无法被覆盖,并且某些快捷键绑定由浏览器保留。

app.registerExtension({
  name: 'TestExtension1',
  commands: [
    {
      id: 'TestCommand',
      function: () => {
        alert('TestCommand')
      }
    }
  ],
  keybindings: [
    {
      combo: { key: 'k' },
      commandId: 'TestCommand'
    }
  ]
})
v1.3.1:用于注册自定义顶部栏菜单项的扩展 API(应用程序接口)

扩展可以调用以下 API(应用程序接口)来注册自定义顶部栏菜单项。

app.registerExtension({
  name: 'TestExtension1',
  commands: [
    {
      id: 'foo-id',
      label: 'foo',
      function: () => {
        alert(1)
      }
    }
  ],
  menuCommands: [
    {
      path: ['ext', 'ext2'],
      commands: ['foo-id']
    }
  ]
})

image

v1.2.27:用于添加 Toast(消息提示)消息的扩展 API(应用程序接口)

扩展可以调用以下 API(应用程序接口)来添加 Toast(消息提示)消息。

app.extensionManager.toast.add({
  severity: 'info',
  summary: 'Loaded!',
  detail: 'Extension loaded!',
  life: 3000
})

所有支持选项的文档可以在这里找到:https://primevue.org/toast/#api.toast.interfaces.ToastMessageOptions

image

v1.2.4:用于注册自定义侧边栏标签页的扩展 API(应用程序接口)

扩展现在可以调用以下 API(应用程序接口)来注册侧边栏标签页。

app.extensionManager.registerSidebarTab({
  id: 'search',
  icon: 'pi pi-search',
  title: 'search',
  tooltip: 'search',
  type: 'custom',
  render: (el) => {
    el.innerHTML = '<div>Custom search tab</div>'
  }
})

支持的图标列表可以在这里找到:https://primevue.org/icons/#list

我们稍后将支持自定义图标。

image

v1.10.9:选择工具箱 API(应用程序接口)

扩展可以注册命令,当在画布上选择特定项目时,这些命令会出现在选择工具箱中。

app.registerExtension({
  name: 'TestExtension1',
  commands: [
    {
      id: 'test.selection.command',
      label: 'Test Command',
      icon: 'pi pi-star',
      function: () => {
        // Command logic here
      }
    }
  ],
  // Return an array of command IDs to show in the selection toolbox
  // when an item is selected
  getSelectionToolboxCommands: (selectedItem) => ['test.selection.command']
})

选择工具箱将在选中项目时显示命令按钮: Image

贡献

我们欢迎对 ComfyUI 前端做出贡献!请参阅我们的 贡献指南 了解:

  • 贡献方式(代码、文档、测试、社区支持)
  • 开发设置和工作流
  • 代码风格指南
  • 测试要求
  • 如何提交拉取请求(Pull Requests)
  • 将修复向后移植(Backporting)到发布分支

开发

有关详细的开发设置、测试流程和技术信息,请参阅 CONTRIBUTING.md

国际化(i18n)

详见 locales/README.md

Storybook

请参阅 .storybook/README.md 了解组件开发和视觉测试文档。

故障排查

如需全面的故障排查和技术支持,请参阅我们的官方文档:

版本历史

v1.43.122026/04/05
v1.43.112026/03/31
v1.43.102026/03/30
v1.43.92026/03/29
v1.43.82026/03/28
v1.43.72026/03/27
v1.43.62026/03/26
v1.43.52026/03/25
v1.43.42026/03/24
v1.43.32026/03/23
v1.42.82026/03/22
v1.43.22026/03/17
v1.42.72026/03/17
v1.41.212026/03/17
v1.43.12026/03/16
v1.43.02026/03/16
v1.42.62026/03/16
v1.42.52026/03/15
v1.41.202026/03/15
v1.42.42026/03/13

常见问题

相似工具推荐

stable-diffusion-webui

stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面,旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点,将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。 无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师,还是想要深入探索模型潜力的开发者与研究人员,都能从中获益。其核心亮点在于极高的功能丰富度:不仅支持文生图、图生图、局部重绘(Inpainting)和外绘(Outpainting)等基础模式,还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外,它内置了 GFPGAN 和 CodeFormer 等人脸修复工具,支持多种神经网络放大算法,并允许用户通过插件系统无限扩展能力。即使是显存有限的设备,stable-diffusion-webui 也提供了相应的优化选项,让高质量的 AI 艺术创作变得触手可及。

162.1k|★★★☆☆|今天
开发框架图像Agent

everything-claude-code

everything-claude-code 是一套专为 AI 编程助手(如 Claude Code、Codex、Cursor 等)打造的高性能优化系统。它不仅仅是一组配置文件,而是一个经过长期实战打磨的完整框架,旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。 通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能,everything-claude-code 能显著提升 AI 在复杂任务中的表现,帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略,使得模型响应更快、成本更低,同时有效防御潜在的攻击向量。 这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库,还是需要 AI 协助进行安全审计与自动化测试,everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目,它融合了多语言支持与丰富的实战钩子(hooks),让 AI 真正成长为懂上

139k|★★☆☆☆|今天
开发框架Agent语言模型

ComfyUI

ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎,专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式,采用直观的节点式流程图界面,让用户通过连接不同的功能模块即可构建个性化的生成管线。 这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景,也能自由组合模型、调整参数并实时预览效果,轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性,不仅支持 Windows、macOS 和 Linux 全平台,还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构,并率先支持 SDXL、Flux、SD3 等前沿模型。 无论是希望深入探索算法潜力的研究人员和开发者,还是追求极致创作自由度的设计师与资深 AI 绘画爱好者,ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能,使其成为当前最灵活、生态最丰富的开源扩散模型工具之一,帮助用户将创意高效转化为现实。

107.7k|★★☆☆☆|2天前
开发框架图像Agent

NextChat

NextChat 是一款轻量且极速的 AI 助手,旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性,以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发,NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。 这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言,它也提供了便捷的自托管方案,支持一键部署到 Vercel 或 Zeabur 等平台。 NextChat 的核心亮点在于其广泛的模型兼容性,原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型,让用户在一个界面即可自由切换不同 AI 能力。此外,它还率先支持 MCP(Model Context Protocol)协议,增强了上下文处理能力。针对企业用户,NextChat 提供专业版解决方案,具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能,满足公司对数据隐私和个性化管理的高标准要求。

87.6k|★★☆☆☆|今天
开发框架语言模型

ML-For-Beginners

ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程,旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周,包含 26 节精炼课程和 52 道配套测验,内容涵盖从基础概念到实际应用的完整流程,有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。 无论是希望转型的开发者、需要补充算法背景的研究人员,还是对人工智能充满好奇的普通爱好者,都能从中受益。课程不仅提供了清晰的理论讲解,还强调动手实践,让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持,通过自动化机制提供了包括简体中文在内的 50 多种语言版本,极大地降低了全球不同背景用户的学习门槛。此外,项目采用开源协作模式,社区活跃且内容持续更新,确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路,ML-For-Beginners 将是理想的起点。

85k|★★☆☆☆|今天
图像数据工具视频

ragflow

RAGFlow 是一款领先的开源检索增强生成(RAG)引擎,旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体(Agent)能力相结合,不仅支持从各类文档中高效提取知识,还能让模型基于这些知识进行逻辑推理和任务执行。 在大模型应用中,幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构(如表格、图表及混合排版),显著提升了信息检索的准确度,从而有效减少模型“胡编乱造”的现象,确保回答既有据可依又具备时效性。其内置的智能体机制更进一步,使系统不仅能回答问题,还能自主规划步骤解决复杂问题。 这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统,还是致力于探索大模型在垂直领域落地的创新者,都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口,既降低了非算法背景用户的上手门槛,也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目,它正成为连接通用大模型与行业专有知识之间的重要桥梁。

77.1k|★★★☆☆|昨天
Agent图像开发框架