少一点模板味,多一点真正能落地的构建体验。

从首屏、表单到多页面流程,你可以直接拖拽组件、配置主题、保存草稿, 然后导出 H5 或微信小程序代码。首页不只是介绍工具,更是在告诉用户这套工具究竟能帮他把什么事情做完。

多页面编辑 适合活动页、报名流、问卷页
条件显隐 + 分步表单 覆盖更真实的业务收集场景
H5 / 微信双端输出 从搭建到导出一条链闭环
Builder Workspace
项目面板
画布预览
专题主视觉 活动报名页

标题、说明、CTA、表单入口都能直接拖拽排布。

功能卡片区
分步表单
双栏布局
不是“只会摆三张卡片”的演示页,而是围绕真实搭建流程组织内容和能力。

从起稿到导出,步骤清晰,而不是把所有卖点堆在一屏里。

01

先搭结构

拖入文本、图片、按钮、表单和布局组件,把页面骨架先搭起来,适合快速起稿和比稿。

02

再补业务逻辑

配置字段校验、条件显隐、分步切换、按钮动作,让页面不是静态示意,而是可交互的业务页面。

03

最后直接交付

支持实时预览、项目保存、草稿恢复以及 H5 / 微信小程序 ZIP 导出,减少二次整理成本。

把“能拖拽”说得更具体一点。

真正有用的不是“零代码”这句口号,而是页面、表单、主题和输出能力能不能连起来。

结构搭建更顺手

支持基础组件、表单组件、容器和行布局,还能在根画布和容器之间拖拽移动与排序。

表单能力更完整

手机号、邮箱、数字、正则校验,配合提交动作、字段标签快照和提交记录分析,适合线索收集。

主题和内容可控

项目级主题配置会作用于预览和导出,搭配模板区块和快捷改写,首页到落地页风格能保持统一。

输出链路闭环

预览、生成、导出在同一工作流内完成,不需要再把页面定义拆成多套工具来回转译。

更像真实业务页面,而不是一个抽象的“万能站点生成器”。

活动专题

适合快速搭主视觉、卖点区、报名表单和跳转按钮。

页面结构清晰,适合市场活动页、专题页、会务报名页和促销承接页。

线索收集

支持条件显隐、字段校验、分步提交这些真正会用到的交互。

比只支持“文本 + 按钮”的演示型工具更接近实际表单业务。

小程序起稿

先把页面框架和组件关系跑通,再导出给开发继续深化。

更适合作为高效率起稿器和前期协作界面,而不是停留在展示层。

给用户一个更具体的起稿入口,而不是只说“你可以自由创作”。

下面这些入口会直接打开构建器,并预插入对应区块。首页因此不再只是介绍能力,而是开始参与实际使用流程。

专题首屏
品牌发布 提升首屏完成度
Campaign Launch
新品发布主视觉

标题、说明、主次按钮一屏完整起稿。

主标题 卖点描述 双按钮
专题首屏
品牌发布 3 个核心模块

快速起一个能看的开场页

适合活动页、品牌页和专题页,带标题、说明与双按钮结构,省掉从零摆首屏的时间。

双 CTA 结构 适合主视觉开场 便于继续叠加卖点区
套用这个起稿
卖点卡片
方案说明 清晰拆解卖点
Solution Overview
功能结构区

适合承接卖点与方案亮点。

卖点卡片
方案说明 4 个信息单元

把产品优势整理成清晰模块

适合方案介绍、服务说明和产品对比,把一整段说明拆成更适合阅读和改写的卡片布局。

三列能力区 便于替换文案 适合专题中段
套用这个起稿
表单收集
线索转化 承接咨询与报名
Lead Capture
预约表单

把浏览流量往收集动作里推进一步。

表单收集
线索转化 5 个表单字段

从展示页自然过渡到线索收集

适合预约报名、咨询收集和活动登记,能直接作为后续分步表单或条件显隐的起点。

支持继续扩展字段 适合收口转化 更接近真实业务页
套用这个起稿

首页可以把人带回手头工作,而不是只负责“看一眼”。

如果本地已经有保存过的项目,这里会显示最近更新的内容,直接跳回对应构建器继续编辑。

还没有已保存项目

你可以先从空白页开始,也可以直接套用一个模板区块作为第一页骨架。

底层保持轻量,前台体验尽量完整。

项目基于 PHP、Slim 和 Vue 3 构建,首页这次优化也延续了构建器里已经出现的绿色系和产品感, 让用户从首页进入工作台时不会像切到另一套系统。

后端支撑

  • PHP 7.4+ 与 Slim Framework 4
  • JSON 项目存储,部署门槛更低
  • 项目、表单、代码生成 API 一体化

前端体验

  • Vue 3 驱动构建器交互
  • Bootstrap 作为基础能力层
  • 响应式布局,移动端也能顺畅浏览首页

这次首页优化,核心不是更花,而是更像一个有人在认真打磨的产品。

之前的首页信息虽然完整,但视觉和文案都过于平均,容易让人一眼判断为通用模板页。 现在这一版把重点收束到构建流程、真实场景和核心能力上,页面会更像一个有明确用户对象的产品入口。

如果后面还想继续往前走,我们还可以把首页与构建器再打通一步,比如加入真实案例封面、 模板入口和最近项目直达,让首页从好看变成真正有用。