Kirki

什么是Kirki？

Kirki（前身为 Droip）是一个自由形式的可视化网站构建器和 WordPress Customizer 框架，统一为一个产品。与传统的页面构建器将你锁定在分区、行和列中不同，Kirki 提供了一个无限画布，元素可以自由放置在页面的任何位置。它内置了 CMS、交互时间轴、实时团队协作和 100 多个模板套件——所有这些都不需要第三方插件。Kirki 完全免费安装和使用，没有时间限制，也不需要信用卡。

主要功能

• 无限自由画布

  无结构约束的设计——在无限画布上自由放置任何元素，完全支持 CSS Grid、Flexbox 和无限响应式断点。

• CSS 变量设计系统

  使用 CSS 变量的全局设计令牌，可以让颜色、字体和尺寸的更改即时传播到整个网站。

• 内置 CMS

  原生管理动态内容，支持自定义字段、引用关系、动态模板、集合筛选、分页和定时发布——无需额外插件。

• 交互与动画时间轴

  可视化关键帧时间轴编辑器，支持滚动、点击、悬停和鼠标移动交互；支持文本动画、交互预设和 Lottie 文件播放，无需编写代码。

• 实时协作

  多个编辑者可以同时在一个画布上工作，支持内联设计评论、暂存模式、发布历史、客户只读分享链接和开发者交接模式。

• 一体化工具集

  表单、弹窗、地图、SEO、图标和 20 多个应用集成（Mailchimp、Google Search Console 等）都已内置，无需安装一堆独立的 WordPress 插件。

使用场景

• 落地页设计 : 营销和增长团队可以使用预构建的模板套件和动态内容块，在画布上自由构建高转化率的落地页。
• 代理商与客户工作流 : 代理商可以利用实时协同编辑、暂存模式、客户分享链接和 Figma 到 Kirki 的导入功能，简化从设计到交付的流程。
• 内容驱动型网站 : 博客、目录和作品集网站可以利用内置 CMS 的自定义字段、动态模板和集合页面，无需任何 headless 或外部 CMS 设置。
• 交互式 Web 体验 : 开发者和设计师可以通过可视化时间轴完全制作滚动触发动画、悬停效果和 Lottie 驱动的交互——无需自定义 JavaScript。
• Figma 到 WordPress 交接 : 在 Figma 中工作的设计团队可以将设计直接导入 Kirki，样式、间距和布局都会保留，大幅缩短重建时间。

常见问题