这届AI创业:不敲一行代码,营收突破百万级
扣子升级,直接可以开发完整AI应用
金磊 发自 上海
量子位 | 公众号 QbitAI
什么???
听说有人连一行代码都不会敲,竟然开发了个产品,然后还靠着它营收破百万……

你没看错,这是真人真事。
而且是火山引擎总裁谭待在自家发布会上亲口说的:

这位零编程经验者之所以能开发产品,所凭借的power正是来自AI大模型。
嗯,确实是一位妥妥的大模型时代的个人创业者了。
这个AI Power,正如谭待所介绍的,是来自字节跳动的AI应用开发平台——扣子(coze.cn)。
而现在,扣子已经升级到了1.5版本,不敲一行代码就能直接开发AI应用。
划重点:是完完整整、包括前后端的那种,而且仅需三步!
第一步:梳理业务逻辑。

第二步:拖拽式设计UI。

第三步:选平台和形式,发布!

就这么简单,一个科研写作助手的AI应用就搞定了。
再例如开发一个小程序,现在也只需要拖拖拽拽即可:

据了解,扣子1.5可以通过这种拖拽的方法,直接发布为小程序(抖音、微信)、H5、API等多种的应用形态。
由此,开发一个AI应用,就变成有想法就可以的事情;更是让《人人都是产品经理》走进现实。
那么接下来……
没错!咱立马开整一个AI应用!
手把手开发一个AI应用
1、创建应用
先来介绍一下入口。
进入扣子的主页之后,点击左侧菜单栏中的“+”,就能看到如下两个选项:

点击“创建应用”之后,就能看到各式各样、适合不同场景的应用模板:

我们要开发的AI应用是一款fashion的海报生成器,因此取名为“海报不潮不要钱”(图标logo是可以自动生成的哦):

接下来,我们就进入到了刚才提到的第一步——搭建业务逻辑。
先新建工作流,填写工作流相应的名称:

2.1、新建工作流:开始节点
然后根据生成海报的流程,我们在“开始”(工作流起始节点)中设置几个必要且基本的参数:
- 输入:填写要生成海报的需求
- 比例:选择生成海报的比例
- 风格:选择生成海报的风格

2.2、新建工作流:大模型节点
基础设置完毕后,我们就可以为此添加大模型了:

基于这个任务的需求,我们pick一下刚升级的豆包·通用模型Pro:

在大模型节点的输入部分,我们将开始节点的各类参数与之关联起来:

下面的这个步骤比较重要。
我们先来给大模型设置系统提示词:

再来设置用户提示词的部分。

2.3、新建工作流:结束节点
在选填完上面的设置项之后,大模型节点就算是搞定了,然后我们用鼠标就可以把它跟“结束节点”连接到一起:

这里的设置就非常简单了,直接pick大模型节点的输入即可:

最终完整的工作流长这样:

我们也可以提前试运行一下这个工作流,可以点击“展开结果”来查看详情:

值得注意的是,豆包最新发布的大模型,包括豆包·视觉理解模型、文生图2.1和升级的音乐模型等,在扣子已经都可以第一时间通过插件的方式体验到喽~
3、搭建用户界面
工作流设置完毕,就到了App应用图形界面设置的环节。
主要分为“小程序和H5”、“桌面网页”两大类,在这个测试案例中,我们选择后者:

在这一步骤中,比较重要的一点就是善用布局组件——容器。
可以根据你的想法,把页面划分为数个板块,容器可以一层嵌套一层,根据需要调节组件在容器中横向纵向排布等各种细节信息:

布局完毕之后,我们就可以把用户界面跟工作流做一个联动了——添加事件。
例如我们点击“立即生成”这个按钮,然后为其添加新的事件:
- 点击新建
- 执行动作:调用工作流(选择我们建好的)
- 点击任意参数后面的扩展按钮
- 选择对应参数内容的组件
- 给每个参数重复3-4步骤

事件设置完毕后,我们可以点击“预览”来查看效果。
即便我们在设计UI界面的时候没有思路也是不用担心,因为扣子1.5已经上线了超多的模板可选择,随意pick一款就能秒用。
4、一键发布
在试运行、预览无误之后,我们就可以点击主界面右上角的“发布”来到最后一步。
在填写完信息、选择发布平台后,啪的一下,就可以上线AI应用了!

以上就是用扣子1.5开发一个AI应用的基本流程了。
从整个过程中我们不难看出,现在开发一个App,真的就是拖拖拽拽就可以的事情。
尤其是在用户界面的部分,正是得益于扣子此次升级的UI Builder,一口气更新了17个UI组件**,终于不再只有一来一回的对话式交互了。
引入UI的设计后,能够直观地展示功能模块或操作路径,像我们刚才操作“容器”的时候,若是用对话方式……嗯,那是相当的麻烦。
主要特点如下:
- 各种图生图、图文创作及文件总结,无需多轮对话式交互,通过上传框或输入框结合展示区即可实现。
- 功能页面可以通过导航栏直接切换,无需依赖自然语言指令来切换场景。
- 利用开关、下拉菜单和数值输入框等控件,更规范用户输入,避免因不稳定输入导致模型执行异常,同时支持通过表单一次性完成多个输入。
- 通过按钮等组件直接触发事件,精准调用工作流,无需依赖模型进行函数调用。
不仅如此,扣子1.5还支持像Figma一样的无限画布:

由于我们刚才实操的是基本流程,那么最终能呈现出来的效果,我们不妨以官方出品的“营销海报生成”来做展示。
例如我们输入Prompt:
关于圣诞节的海报,有“圣诞快乐”四个汉字,动画手稿,赛博朋克光,鱼眼镜头,9:16。


还有这种可以通过语音对话来生成图片的AI应用:

不难看出,这些App的功能更加复杂也更加实用,但无论再多功能,现在都可以不敲一行代码、拖拖拽拽来解决了。
和府捞面、苏泊尔都在用
除了操作上的简便之外,另一个让人比较意外的事情是,我们耳熟能详的众多企业都在用扣子。
例如和府捞面,就已经拿扣子开发了顾客点评分析智能体,用它来对用户评论数据进行情感分析。
具体来说,这个智能体在上岗和府捞面的门店之后,建立了对顾客的高效洞察,由此支撑了菜品、服务等方面的策略优化。

扣子开发的智能体还进军了硬件,苏泊尔就是一个例子。
通过Coze的灵活编排能力,让苏泊尔快速验证业务模式,打造出了云馔食谱创作、云馔AI寻味等多个智能体,API方式嵌入到App和IoT产品。
并且基于语音OpenAPI还实现了智能硬件实时语音交互,有效提升开发效率和产品特性。

就连中科大也在用扣子开发便于科学写作实验的智能体。

而据官方披露的数据,扣子已经成为AI时代开发者首选的应用开发平台,拥有超过100万活跃开发者,发布了超过200万个智能体。
由此可见,字节的扣子已经在开发AI应用这事儿扎根到了各行各业,从用户体量和市场反馈来看,也是一种对其实力的认可。
总而言之,AI时代的开发,现在真的就是有梦想即可成真的事儿了。
One More Thing
在昨天落幕的首届扣子开发者日中,我们开头提到的那位“百万级营收者”——罗文,也来到现场做了分享。

罗文最初是发现GPTs这样的智能体虽然好用,但没法联动起来;更重要的是很多类似的产品学起来是有些费劲的。
而在去年年底,他无意间接触到了扣子(海外版),发现既好用又好上手;到了今年扣子国内版上线,罗文便开始了他更多的创作。
到现在,他的工作流被复制了2.2万次,粉丝量有3.7K,制作的Bot收藏率达到了18%。
正如他演讲的题目那般,或许在AI大模型时代下创业,专注固然重要,选择也不可忽视。
最后,文末附上扣子的地址和一些开发教程,感兴趣的小伙伴可以去尝鲜喽~

扣子地址:
coze.cn
扣子开发教程:
[1]https://www.coze.cn/docs/guides/publish_overview
[2]https://www.coze.cn/docs/guides/build_project_in_projectide
[3]https://www.coze.cn/docs/guides/ui_builder_overview
[4]https://www.coze.cn/docs/guides/workflow
[5]https://www.coze.cn/docs/guides/publish_overview
