K哥是数字商业顾问，也是科技媒体博主，我每天的工作计划都被排得满满当当的，即便是这样也经常需要加班才能完成工作。近两年AI爆火，作为程序员出身的我，很自然想到用工具来提升效率，我尝试过很多AI开发工具，直到使用了字节旗下的扣子（coze.cn），我知道这就是我想要的可视化AI开发工具。

正好最近，扣子发布了Project IDE，搭载了UI Builder、数据读写更灵活可控、图像流能力也得到了升级，能够搭建具有完整前后端的AI应用。于是我用扣子搭建了“自媒体AI创作助手”，整个开发过程不需要写一行代码，拖拉拽就能轻松实现强大的功能。我不禁惊呼：今年的优秀员工奖，非AI莫属了。下面就跟K哥来一起体验吧。

人人开发AI应用的时代，真的来了

扣子之前只能开发智能体，虽然也实现了可视化的方式，能完成复杂的工作流程，但是前端还是得靠对话来交互，没有提供定制化前端页面的功能。

12.18 号字节火山发布会上，扣子官宣了 1.5 版本，推出了一个重磅功能：Project IDE，提供了定制前端页面的能力，从前端到后端，0代码，每个人都可以开发自己的AI应用。总结下来，主要有以下三个方面的特色：

第一，Project IDE里面有个UI Builder，可以让数据读写更灵活，能搭建出完整的前后端AI应用，还能发布成微信小程序、抖音小程序、API服务、模板，放到扣子商店里卖。

第二，应用的业务逻辑是通过编排好的工作流来实现的，还能通过变量、插件、知识库、数据库这些工具，灵活地和本地或线上的数据互动。

第三，扣子提供了一堆页面组件和可视化编排工具，你连代码都不用写，就能快速开发出用户界面来。

Project IDE一出来，让每个人都能轻松开发自己的AI应用，扣子还提供了丰富的模板，也可以先从复制一个模板修改来开始。

提醒一下，扣子将在12月19号在上海举行开发者日活动，会有很多开发者和行业大佬一起交流。有兴趣的可以扫码预约直播。

AI应用开发，初体验

我要搭建的“自媒体AI创作助手”，能够帮助我写公众号文章、小红书种草文案、短视频脚本、播客脚本，经过我的少量修改后，就可以直接使用，极大节省了我的时间。

下面就跟K哥一起，零代码开发一个有前后端的AI应用吧。整个开发流程如下图所示。

传统的AI应用开发模式，需要开发后端程序、调试大模型API、开发前端程序、设计前端UI，还要联调测试，没有一支开发团队根本不可能完成。使用扣子开发，一个人只需要5步就能轻松搞定。

1）创建你的AI应用

首先登录扣子平台：https://www.coze.cn/

在左侧菜单栏，点击工作空间，选择一个工作空间。在项目页面点击右上角的创建按钮。在弹出的页面选择创建应用，可以创建空白应用，也可以选择官方提供的模板进行创建。

2）编排业务逻辑

  创建好 AI 应用项目后，在业务逻辑菜单下就可以开始做业务逻辑编排了，也就是 AI 应用的后端处理流程。下面是我已经创建好的业务逻辑，包含了几个业务逻辑，分别实现了不同的功能。

下面以一个流程为例，演示如何搭建一个业务流程。点击左侧工作流 + 号创建一个工作流，新的工作流默认自带初始化的开始、结束两个节点，中间可以随意添加自定义节点。扣子提供了大模型、代码、意图识别、知识库写入与检索等丰富的工作流节点，把创建好的节点串连起来就形成了完整的工作流。

先建立一个开始节点，它是默认自带的，输入几个页面带入的参数。

然后，根据输入的提示词，调用大模型接口，我选用的是豆包大模型，市面上主流的大模型都可以在这里找到，非常方便。

最后是结束节点，也是默认自带的，表示工作流的结束。

到这里就完成了编程业务逻辑的工作流设计，接下来就是界面设计了。

3）设计界面

扣子最新发布的 UI Builder，无需复杂指令即可实现所见即所得的界面交互设计，然后通过前端页面来调用后端工作流，这一整套前后端的 AI 应用就能跑通了。这次，扣子一次性发布了 17 个组件，包括：布局组件、展示组件、输入组件，只需要将对应的组件拖入到容器中，再进行相应的设置，不需要编写一行代码。

先创建一个公众号写作界面，添加：文本、多行输入框、按钮等元素，只要把元素从左侧工具栏拖到中间界面相应位置上，就完成了界面设计。点击每个元素，可以在右侧的属性栏里给元素添加对应的值。

接着，就是添加触发事件，比如点击按钮后提交表单，需要添加 OnSubmit 事件，执行动作是调用 Workflow，选之前创建好的 wx_article_writing工作流，Workflow 入参配置就是我们界面上组件的值。

通过配置事件和添加数据，就能实现业务逻辑与用户页面的联动了。

4）应用测试

我们需要对开发好的AI应用进行测试，点击右上角的预览按钮，就可以运行程序，点击按钮进行功能测试。

看看输出的结果，跟预期效果是否符合，有问题可以回到开发界面对业务逻辑、UI设计进行修改。

除了能够在界面上测试之外，也可以针对工作流进行单独测试，点击右上角试运行按钮，就可以进行调试。

5）应用发布

激动人心的时刻来了，亲手开发的AI应用即将要发布了。点击右上角的发布按钮，就可以将 AI 应用发布到商店了，根据需要进行选择。重点来了，AI应用程序不仅可以H5页面，还可以直接托管发布为微信小程序、抖音小程序，也就是说一次开发多端发布，简直太炸裂了！应用正式发布后，大家可以在扣子商店上搜索到你的应用。

多模态能力，全面升级

多模态能力一直备受关注，扣子也上线了升级的生图模型、视觉模型，体验了一下非常惊艳。

1）生图模型，能力增强

扣子上线了升级的生图模型能力：图像质量更高、可以稳定生成文字、可以搭建一个UI界面来制作自己的生图模板/工具。

生图模型，支持中英文文字渲染能力，适用于短语场景；影像垂类美感提升，真实感变强，光影更自然，质感更真实；大幅动作场景，人体崩坏明显减少；图文匹配程度有所提升。下面这些图片，就是一句话生成的，是不是很酷炫。

生图模型，已经可以用来搭建企业级的AI应用。

2）视觉模型，让AI应用耳聪目明

12.18 刚刚官宣了豆包视觉理解模型（VLM），这个视觉模型可以理解图片里的视觉信息，并结合这些信息完成图片相关的任务，例如描述图片等。豆包模型家族中的 Doubao-vision-pro-32k 就是 VLM 的一种。基于RTC + 视觉大模型/语言大模型的强大理解能力，扣子支持和自己搭建的智能体进行低延迟高质量的视频实时通话，让你的AI应用听得见、看得见。