iOS 工程

Layerz 介绍:无需代码即可绘制真正运行的 iOS 应用的设计工具

使用原型设计工具制作的界面,往往只是“看起来”像真的。点击按钮后,也只是跳转到预先连接好的界面;数据不会真正保存,也不会与服务器通信。因此,要验证一个想法,最终还是需要有人编写代码。

4 分钟阅读
Layerz 介绍:无需代码即可绘制真正运行的 iOS 应用的设计工具 封面图

使用原型设计工具制作的界面,往往只是“看起来”像真的。点击按钮后,也只是跳转到预先连接好的界面;数据不会真正保存,也不会与服务器通信。因此,要验证一个想法,最终还是需要有人编写代码。

Layerz 正是为了解决这一鸿沟而生的工具。简单来说,它可以在无需代码的情况下定义 iOS 应用的设计、数据、行为和 API 集成,并在同一位置直接运行。它由 Layerz Corp. 开发,目前以 iPhone、iPad 和 Mac 应用的形式免费发布。

下面是核心要点。

  1. 将原生 iOS 组件(堆栈、列表、标签页和 Auto Layout)放置到画布上,创建界面
  2. 直接定义数据模式并绑定到 UI。数据变化时,界面会自动更新
  3. 使用 Action Flow 将“点击按钮 → 检查条件 → 页面跳转/修改数据”连接成节点
  4. 导入 OpenAPI(Swagger)规范并调用真实 API。这是真实通信,不是模拟
  5. 无需构建,即可在 iPhone、iPad 和 Mac 上立即运行

以结构绘制界面,而不是制作模型图

Layerz 的设计编辑器不同于自由绘图工具。它不是画一个矩形让它看起来像按钮,而是从一开始就组装 iOS 的真实布局组件——堆栈、列表和标签栏容器。由于基于 Auto Layout,即使设备尺寸发生变化,界面也会随之伸缩。

颜色和排版通过设计系统令牌管理,并支持浅色/深色主题切换。常用组合可以封装为可复用的自定义组件。从开发者角度看,它很像是把 SwiftUI 的思维方式——组件组合、数据绑定和令牌化样式——移植到可视化编辑器中。

数据与行为,真正的差异化从这里开始

数据是 Layerz 与原型设计工具的分界点。你可以直接在 Layerz 中定义数据模式,指定字段类型、enum 甚至日期,然后将这些数据绑定到列表、文本等 UI 组件。你可以创建按条件筛选和排序的列表;数据会保存到磁盘,因此重新运行应用后仍然保留。

行为通过名为 Action Flow 的节点画布定义。像“点击按钮 → 验证输入 → 按条件分支 → 添加数据 → 跳转到其他界面”这样的流程,都可以通过连接节点来创建,而不必编写代码。警告框、输入提示、分享面板、声音和触觉反馈等 iOS 原生行为,也都以节点形式提供。

展示 Layerz 的 Design、Data、Action Flow 和 API 集成如何汇聚为可立即运行应用的结构图
四个维度汇聚为一个可运行的应用

API 集成也无需代码

最具野心的部分是 API 集成。导入 OpenAPI/Swagger 规范后,端点定义会原样导入,还可以配置身份验证、重试以及按状态处理响应。将服务器响应(JSON)转换为应用数据模型的映射,则在名为 Data Transformer 的可视化节点画布中完成。

因此,你可以无需代码创建并立即运行这样一款应用:“从真实服务器获取商品列表,显示在列表中,点击后跳转到详情页”。预览无需经过构建即可立即显示,同一个项目也可以在任意 iPhone、iPad 或 Mac 上打开和编辑。

它适合谁?

官方网站列出了四类目标用户。

  • Maker:不懂编程的人将想法实现为可运行的形式
  • Product manager:用真正可以操作的原型,而不是产品文档验证想法
  • Designer:将“只能看”的设计稿提升为“由真实数据驱动”的设计稿
  • Developer:在正式实现前快速确定界面结构、数据模型和行为规范

尤其对于开发者来说,它似乎也很适合作为规范工具。由于界面、数据和流程都经过结构化,可以在编写代码之前消除规划阶段的模糊之处。

通过组装 UI、数据、流程和 API 模块来创建 iOS 应用的无代码概念插图
用模块组装代替编写代码,是 Layerz 的核心理念

结合局限性看它的定位

当然,无代码工具常见的问题同样适用于 Layerz。复杂的业务逻辑、自定义动画以及第三方 SDK 集成等超出工具所提供节点范围的工作,最终仍然属于代码的领域。与其说 Layerz“取代应用开发”,不如说它极大地提前了创建可运行原型和规范的阶段,这样理解更准确。

专用于 iOS 生态(iPhone、iPad 和 Mac)既是特点,也是限制。反过来说,正因为可以直接使用原生 iOS 组件和 Auto Layout,产出的结果也会呈现出真正 iOS 应用的感觉。

如果你有想法,却一直受到代码拖累,或者想缩短团队验证想法的周期,这款工具值得一试。它可以从 App Store 和 Mac App Store 免费下载。