Malla文档

简介

Malla 是一个可视化的网站和 Web 应用构建工具:在画布上设计,接入真实数据,发布到边缘网络。

用户指南

Malla 是一个用于构建网站和 Web 应用的可视化构建器。它把 Framer 的自由画布与动效、Webflow 的类、CMS 和 SEO 优先的发布方式,以及 WeWeb 的数据绑定和工作流整合进同一个编辑器,并且完全运行在 Cloudflare 的边缘网络上。

你在一张渲染真实 HTML 和 CSS 的画布上设计,把它连接到实时数据,用可视化工作流添加逻辑,一键发布到全球网络。全程无需写代码,开发者也随时可以深入定制。

一个 Malla 项目是如何完成的
设计用类、令牌和组件在画布上绘制。
连接把设计绑定到 CMS、API 和数据表。
添加逻辑用工作流串联点击、表单和接口。
发布一键发布到预发布(staging),再发布到生产环境。

你可以构建什么

落地页和作品集、博客和文档站、商店和目录站、客户门户和会员专区、内部仪表盘以及小型 SaaS 前端。只要它由一组页面、一些内容、一些数据和一些逻辑组成,都可以用 Malla 构建。

自由画布所有断点以实时画板并排显示。你看到的就是最终发布的真实 HTML 和 CSS。
真正的设计系统类、组合类和设计令牌让数百个页面保持一致。
带变体的组件卡片只需做一次,为它添加变体,再按实例覆盖需要修改的部分。
GSAP 驱动的动效加载、滚动、悬停和点击动画,与获奖网站使用同一引擎。
CMS 和表单集合、富文本、动态页面和防垃圾信息的表单,整个团队都能编辑。
实时数据把任意文本、样式或列表绑定到 REST、GraphQL、CMS 或你自己的原生表。
逻辑与后端在同一个可视化编辑器中构建客户端和服务端工作流:点击、接口、Webhook、定时任务。
访客账户内置注册、登录、魔法链接、角色、页面访问控制和按行的数据规则。
边缘发布在 Cloudflare 上即时发布和回滚,支持预发布、生产环境和自定义域名。

设计原则

几条原则贯穿整个产品。了解它们,能让你更轻松地读懂本文档的其余部分。

  • 所见即所发布。 画布和已发布的站点使用同一个渲染器,所以编辑器展示的永远是真实结果。
  • 真实的 CSS,真实的 HTML。 样式就是按断点和状态分组的普通 CSS 属性,没有需要额外学习的私有布局模型。
  • 默认零 JavaScript。 静态页面以纯 HTML 和 CSS 发布。只有绑定数据、运行工作流或带动画的部分才会加载一个小型运行时。
  • 密钥永远不会到达浏览器。 API 密钥和令牌加密保存在服务器上,浏览器只会调用 Malla。
  • 不会执行你的字符串。 表达式会被安全地解析和解释,绝不会传给 eval。
  • 内置功能也是插件。 REST、GraphQL 和 CMS 使用的插件系统,与驱动其他一切的插件系统相同。

文档结构

指南从编辑器的角度讲解每项功能。参考页面列出所有函数、动作和快捷键。开发者部分介绍平台的构建方式以及如何运行它。