Kalka v0.1.0

Dibújalo.
Ya es código.

Kalka es la alternativa a Figma de código abierto donde cada frame, cada capa y cada sombra son HTML y CSS reales, maquetados por el navegador. Lo que diseñas es lo que se publica.

Los miembros fundadores reciben las primeras versiones y votan la hoja de ruta. Gratis, licencia MIT.

El editor de Kalka: panel de capas a la izquierda, una landing page en el lienzo, propiedades de diseño a la derecha

El mismo frame, dos vistas. Sin exportar nada entre medias.

Tu agente lo esboza. Tú lo terminas a mano.

Los agentes de IA ya escriben una landing page en segundos. Cambiarla todavía obliga a bucear en el código. En Kalka, lo que escribe tu agente llega al lienzo como capas reales: muévelas, cambia su estilo, quédate con lo que funciona.

Un servidor MCP integrado funciona con cualquier agente que hable MCP. Sin atarte a un solo modelo.

  1. 1
    Tú pidesAñade una sección de precios, tres planes, mismo estilo.
  2. 2
    Tu agente lo dibuja en HTML
  3. 3
    Tú lo terminas, de forma visualRadio 8 122F5BEA

Nada que reaprender. Nada que rehacer.

Cada capa es un elemento

El panel de capas es el DOM. Selecciona una capa y ahí está su etiqueta. Edita el código y el lienzo lo sigue.

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

Si sabes usar Figma, sabes usar Kalka

Mismos paneles, mismas herramientas, mismos hábitos. Ábrelo y empieza a diseñar.

capa de shader

Shaders, en vivo en el lienzo

Degradados de malla, grano, luz en movimiento. Ajústalos como cualquier otra capa.

Para todos los que están entre el mockup y el lanzamiento.

Diseñadores

Lo que dibujas es lo que se publica. Se acabó el "en el mockup se veía distinto". Tus sombras, tus espaciados, tu tipografía, exactos.

Desarrolladores

Recibe HTML y CSS reales, no una imagen que descifrar. Compáralo, revísalo y fusiónalo como el resto de tu código.

Agencias y freelancers

Elimina la reconstrucción de cada proyecto. Entrega antes, con menos rondas de "¿puedes mover esto 4px?".

Las palabras con las que diseñas, las propiedades con las que funciona la web.

Kalka conserva el vocabulario que adoran los diseñadores y escribe el CSS que esperan los desarrolladores. De Figma a HTML, sin plugin ni paso de exportación.

Panel de diseñostyles.css
Diseño automáticoEspacio 24
display: flex; gap: 24px;
Relleno2F5BEA · 100%
background: #2F5BEA;
Sombra paralelaY 8Blur 2412%
box-shadow: 0 8px 24px rgb(0 0 0 / .12);
Radio de esquina16
border-radius: 16px;
Desenfoque de capaBlur 8
filter: blur(8px);
Recortar contenido
overflow: hidden;

Tu trabajo sigue siendo tuyo.

Archivos normalesHTML, CSS y JSON en una carpeta que es tuya. Ábrela en cualquier editor de código.
Git integradoCrea ramas, compara y revisa un diseño igual que revisas código.
En tu equipoUna app de escritorio. Tus proyectos nunca tienen que salir de tu ordenador.
Gratis de verdadLa app y el servidor MCP local tienen licencia MIT. Sin asientos que pagar, sin límite de uso.
my-site/
├─ pages/
│  ├─ home.html
│  └─ pricing.html
├─ styles.css
├─ design-system/
│  ├─ tokens.json
│  └─ components/
├─ assets/
└─ project.json

Construido en abierto. Gratis donde importa.

Kalka nació como un fork de OpenPencil y se está reconstruyendo en torno al propio navegador. La app de escritorio y el servidor MCP local siguen siendo gratis y con licencia MIT. Más adelante llegará una versión alojada para equipos, como suscripción opcional.

Sigue el desarrollo en X, @bedleybuilds
  1. 01Ahora
    Prueba de concepto2.000 capas a 60 fps en el navegador, o volvemos a empezar.
  2. 02CimientosUna landing page real, creada desde cero dentro de Kalka. El repositorio se hace público.
  3. 03MVPUn primer proyecto de cliente diseñado y entregado con Kalka.
  4. 04V1Cada proyecto nuevo empieza en Kalka. Se acabó rehacerlo todo a mano.

Preguntas y respuestas.

¿Kalka es gratis?

Sí. La app de escritorio y el servidor MCP local son gratuitos y de código abierto con licencia MIT. Más adelante llegará una versión alojada para equipos, como opción.

¿Es una alternativa a Figma?

Si usas Figma, la interfaz te resultará familiar. La diferencia está debajo: Kalka dibuja con HTML y CSS en lugar de vectores, así que tu diseño ya es una página web.

¿Puedo importar mis archivos de Figma?

Sí. Kalka importa archivos de Figma (.fig) y archivos .pen, así que puedes traer tu trabajo y seguir diseñando en HTML real.

¿Qué agentes de IA funcionan con Kalka?

Cualquier agente compatible con MCP. Kalka incluye su propio servidor MCP, así que tu agente puede leer el lienzo, escribir HTML, actualizar estilos y exportar.

¿En qué plataformas funciona?

macOS, Windows y Linux. Kalka es una app de escritorio hecha con Electron, así que funciona en los tres.

¿Cuándo puedo probarlo?

Los miembros fundadores de la lista de espera reciben las primeras versiones en cuanto la prueba de concepto se sostenga. Cada paso se comparte en X por el camino.

Deja de redibujar tus diseños en código.

Únete a la lista de espera y conviértete en miembro fundador.

  • Las primeras versiones, antes que nadie
  • Voto sobre lo próximo que se construye
  • Tu nombre en el muro de fundadores