Kalka v0.1.0

画出来，
就已经是代码。

Kalka 是开源的 Figma 替代品：每个画框、每个图层、每一道阴影都是真正的 HTML 和 CSS，由浏览器排版。你设计的，就是最终上线的。

创始会员抢先获得首批版本，并可投票决定路线图。免费，MIT 许可证。

同一个画框，两种视图，中间无需导出。

智能体起草，你亲手完善。

AI 智能体几秒钟就能写出一个落地页，但想修改它，还是得在代码里翻找。在 Kalka 中，智能体写出的内容会作为真正的图层出现在画布上：随意移动、重新调整样式，留下满意的部分。

内置的 MCP 服务器可与任何支持 MCP 的智能体配合使用，不绑定任何单一模型。

1
你提出需求加一个价格板块，三个套餐，保持同样风格。
2
智能体用 HTML 画出来
3
你在可视化界面中完成圆角 8 122F5BEA

无需重新学习，无需重新搭建。

每个图层都是一个元素

图层面板就是 DOM。选中一个图层，它的标签就在眼前。修改代码，画布随之更新。

图层Desktopheadersection.heroh1pa.btnsection.mosaic

section.hero

<body>
<header>…</header>
<section class="hero">
<h1>…</h1>
<p>…</p>
<a class="btn">…</a>
</section>
<section class="mosaic">…

会用 Figma，就会用 Kalka

同样的面板，同样的工具，同样的习惯。打开就能开始设计。

着色器图层

着色器，在画布上实时运行

网格渐变、颗粒质感、流动光效。像调整其他图层一样调整它们。

为从设计稿到上线之间的每个人打造。

设计师

你画的就是上线的。再也不会有“设计稿里不是这样的”。你的阴影、间距和字体，分毫不差。

开发者

拿到的是真正的 HTML 和 CSS，而不是一张需要逆向还原的图片。像对待其他代码一样对比差异、审查、合并。

代理公司和自由职业者

从每个项目中砍掉重做环节。更快交付，少几轮“能不能把这里挪 4px”。

用设计师的语言，写网页的属性。

Kalka 保留设计师熟悉的术语，写出开发者期待的 CSS。Figma 转 HTML，无需插件，也无需导出。

设计面板styles.css

自动布局间距 24

display: flex; gap: 24px;

填充2F5BEA · 100%

background: #2F5BEA;

投影Y 8模糊 2412%

box-shadow: 0 8px 24px rgb(0 0 0 / .12);

圆角半径16

border-radius: 16px;

图层模糊模糊 8

filter: blur(8px);

裁剪内容

overflow: hidden;

你的作品，始终归你。

普通文件HTML、CSS 和 JSON 存放在你自己的文件夹里，可用任意代码编辑器打开。

内置 Git像审查代码一样，对设计进行分支、对比和审查。

在你的电脑上这是一款桌面应用，你的项目无需离开你的电脑。

真正免费应用和本地 MCP 服务器均采用 MIT 许可证。无需按席位付费，不限用量。

my-site/
├─ pages/
│  ├─ home.html
│  └─ pricing.html
├─ styles.css
├─ design-system/
│  ├─ tokens.json
│  └─ components/
├─ assets/
└─ project.json

公开构建，关键之处免费。

Kalka 最初是 OpenPencil 的一个分支，如今正围绕浏览器本身重新构建。桌面应用和本地 MCP 服务器将始终免费，并采用 MIT 许可证。面向团队的托管版稍后推出，作为可选订阅。

在 X 上关注开发进展：@bedleybuilds

01进行中
概念验证在浏览器中以 60 fps 渲染 2,000 个图层，否则推倒重来。
02打好基础在 Kalka 里从零搭建一个真实的落地页。代码仓库公开。
03MVP第一个用 Kalka 设计并交付的客户项目。
04V1每个新项目都从 Kalka 开始，告别手动重做。

常见问题

Kalka 免费吗？

是的。桌面应用和本地 MCP 服务器免费且开源，采用 MIT 许可证。面向团队的托管版稍后推出，作为可选项。

它是 Figma 替代品吗？

如果你用过 Figma，会觉得界面很熟悉。区别在底层：Kalka 用 HTML 和 CSS 而不是矢量来绘制，所以你的设计本身就是一个网页。

能导入我的 Figma 文件吗？

可以。Kalka 支持导入 Figma 文件（.fig）和 .pen 文件，你可以把现有作品搬过来，继续用真正的 HTML 设计。

支持哪些 AI 智能体？

任何支持 MCP 的智能体。Kalka 自带 MCP 服务器，你的智能体可以读取画布、编写 HTML、更新样式并导出。

支持哪些平台？

macOS、Windows 和 Linux。Kalka 是基于 Electron 构建的桌面应用，三个平台都能运行。

什么时候可以试用？

一旦概念验证通过，候补名单上的创始会员将率先获得首批版本。每一步进展都会在 X 上分享。

别再用代码重画你的设计。

加入候补名单，成为创始会员。

比任何人都早拿到首批版本
投票决定下一步开发什么
你的名字将登上创始人墙

画出来，就已经是代码。