Kirki 是什么?
Kirki 是 WordPress 的自由式可视化搭建器。它支持在无限画布上进行设计,并结合内置 CMS 与可视化编辑器,在同一工作流中完成页面构建。
与传统固定网格和列式布局不同,Kirki 采用自由画布和页面构建块(例如区块、行、列和元素),让您更直接地控制布局定位和样式。
主要功能
- 无限自由画布:无需网格或列限制,基于画布的工作流实现灵活布局。
- 无限断点:支持在无限数量的断点上应用响应式样式。
- CSS 变量设计系统:通过 CSS 变量构建样式,实现一致的主题设计。
- 交互与动画:创建交互行为和动画效果,包括交互时间线和关键帧编辑器。
- 内置 CMS 及内容管理器和自定义字段:在搭建器内直接管理内容,支持引用和多引用功能。
- 动态模板和集合筛选:使用动态模板行为,例如文章定时发布、集合筛选和分页。
- 实时协作:支持多名编辑者在同一画布上工作,并可在设计上添加评论线程。
- 协作与交接工具:提供暂存模式和发布历史,以及客户端只读分享链接和开发模式。
- 文本动画和 Lottie 支持:包含文本动画工具,并支持 Lottie 文件作为动态素材。
如何使用 Kirki
- 在 WordPress 站点安装 Kirki,使用提供的模板套件创建新设计项目。
- 在自由画布上自定义模板,添加并排列构建块(区块、行、列、元素),调整样式。
- 使用内置 CMS 连接设计与内容,包括自定义字段和引用(或多引用)实现动态内容。
- 使用交互时间线/关键帧编辑器添加交互和动画行为,必要时应用交互预设。
- 通过实时编辑、评论和暂存/发布历史与团队协作,再通过只读链接分享给客户。
使用场景
- 营销页面搭建器与响应式布局:在无限画布上创建落地页,并在无限断点上进行样式设计。
- CMS 驱动的模板化站点部分:构建动态模板,从内置 CMS 中提取内容,并支持引用、分页和集合筛选。
- 团队设计与评审工作流:支持多名编辑者实时协作,在设计上直接添加评论,使用暂存模式和发布历史进行评审。
- 交互式产品或作品集体验:添加滚动/点击/悬停/鼠标移动交互行为和文本动画,可选使用 Lottie 素材。
- 客户端交接与受控评审:分享客户端只读链接以获取反馈,使用开发模式支持交接工作流。
常见问题
Kirki 是 WordPress 页面搭建器还是 CMS?
Kirki 是 WordPress 的可视化搭建器,同时包含内置 CMS 内容管理器。编辑器设计用于与 CMS 内容和自定义字段协同工作。
Kirki 中的“自由画布”是什么意思?
Kirki 的编辑器被描述为无限画布,避免使用网格和列,让您直接在画布上设计,而非在严格的布局框架内操作。
Kirki 支持响应式设计吗?
支持。该产品支持无限断点,用于响应式样式设计。
可以多人同时在同一设计上工作吗?
可以。Kirki 支持实时协作,允许多名编辑者同时工作,并支持在设计上直接添加评论。
Kirki 是否包含交互/动画工具?
支持。它包含交互时间线和关键帧编辑器、交互预设,以及文本动画和 Lottie 文件支持。
备选方案
- 传统 WordPress 页面构建器(基于网格/区块):通常采用行列系统,较少聚焦于无限自由画布和内置 CMS 工作流。
- 支持协作的无代码网站构建器:通常提供可视化编辑和团队协作功能,但可能无法直接集成到基于 WordPress 的 CMS 和自定义字段工作流中。
- 自定义 WordPress 主题/页面开发:可提供完全控制,但通常需要更多开发工作量;缺少内置的可视化 CMS 与画布编辑工作流。
- 前端设计工具与 WordPress 模板结合:常见做法是在其他工具中完成设计,再在 WordPress 模板中实现;与 Kirki 相比,可能将设计、CMS 连接和交互配置拆分到不同工具中。
替代品
Make Real
使用 tldraw SDK 绘制 UI 并将其变为现实。
Refero
Refero:海量UI/UX设计参考灵感库,助您轻松找到网页和iOS项目所需素材,提升设计效率。
Pixso
Pixso 是一款新一代的 AI 原生 UI 设计工具,允许用户一键生成设计草稿和代码,是 Figma 的国内替代品。
Fronty
Fronty 用 AI 将截图及 JPEG/PNG 转成 HTML/CSS,并提供无代码编辑器与托管服务,助你快速修改并发布。
Napkin AI
Napkin AI 将您的文本转化为富有洞察力的视觉效果,使沟通更加有效和引人入胜。
FigPrompt
FigPrompt AI Figma 插件生成器:无需写代码,根据你的描述在数秒内生成可用于生产的插件逻辑。