Kalka v0.1.0

Zeichne es.
Es ist schon Code.

Kalka ist die Open-Source-Figma-Alternative, in der jeder Frame, jede Ebene, jeder Schatten echtes HTML und CSS ist, vom Browser gelayoutet. Was du gestaltest, geht live.

Gründungsmitglieder bekommen die ersten Builds und eine Stimme bei der Roadmap. Kostenlos, MIT-Lizenz.

Der Kalka-Editor: links das Ebenen-Panel, auf dem Canvas eine Landingpage, rechts die Design-Eigenschaften

Derselbe Frame, zwei Ansichten. Kein Export dazwischen.

Dein Agent entwirft. Du vollendest von Hand.

KI-Agenten schreiben eine Landingpage heute in Sekunden. Sie zu ändern heißt aber immer noch, sich durch Code zu wühlen. In Kalka landet, was dein Agent schreibt, als echte Ebenen auf dem Canvas: verschieben, neu stylen, behalten, was funktioniert.

Ein integrierter MCP-Server funktioniert mit jedem Agenten, der MCP spricht. Keine Bindung an ein Modell.

  1. 1
    Du fragstFüg eine Preissektion hinzu, drei Tarife, gleicher Stil.
  2. 2
    Dein Agent zeichnet sie in HTML
  3. 3
    Du vollendest sie, visuellRadius 8 122F5BEA

Nichts neu lernen. Nichts nachbauen.

Jede Ebene ist ein Element

Das Ebenen-Panel ist das DOM. Wähl eine Ebene aus, ihr Tag steht direkt daneben. Bearbeite den Code, der Canvas zieht mit.

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

Wer Figma kennt, kennt Kalka

Gleiche Panels, gleiche Werkzeuge, gleiche Gewohnheiten. Öffnen und loslegen.

Shader-Ebene

Shader, live auf dem Canvas

Mesh-Verläufe, Körnung, fließendes Licht. Stell sie ein wie jede andere Ebene.

Für alle zwischen Mockup und Launch.

Designer

Was du zeichnest, geht live. Schluss mit „im Mockup sah das anders aus“. Deine Schatten, deine Abstände, deine Typo, exakt so.

Entwickler

Du bekommst echtes HTML und CSS, kein Bild zum Zurückentwickeln. Diffen, reviewen, mergen wie den Rest deines Codes.

Agenturen und Freelancer

Streich den Nachbau aus jedem Projekt. Liefere früher, mit weniger Runden „kannst du das 4px verschieben“.

Die Begriffe, mit denen du gestaltest. Die Eigenschaften, auf denen das Web läuft.

Kalka behält das Vokabular, das Designer lieben, und schreibt das CSS, das Entwickler erwarten. Figma zu HTML, ohne Plugin und ohne Export.

Design-Panelstyles.css
Auto layoutGap 24
display: flex; gap: 24px;
Fill2F5BEA · 100%
background: #2F5BEA;
Drop shadowY 8Blur 2412%
box-shadow: 0 8px 24px rgb(0 0 0 / .12);
Corner radius16
border-radius: 16px;
Layer blurBlur 8
filter: blur(8px);
Clip content
overflow: hidden;

Deine Arbeit bleibt deine.

Einfache DateienHTML, CSS und JSON in einem Ordner, der dir gehört. Öffne ihn in jedem Code-Editor.
Git, integriertBranche, diffe und reviewe ein Design genau wie Code.
Auf deinem RechnerEine Desktop-App. Deine Projekte müssen deinen Computer nie verlassen.
Wirklich kostenlosDie App und der lokale MCP-Server stehen unter MIT-Lizenz. Keine bezahlten Plätze, kein Nutzungslimit.
my-site/
├─ pages/
│  ├─ home.html
│  └─ pricing.html
├─ styles.css
├─ design-system/
│  ├─ tokens.json
│  └─ components/
├─ assets/
└─ project.json

Offen entwickelt. Kostenlos, wo es zählt.

Kalka begann als Fork von OpenPencil und wird gerade rund um den Browser selbst neu gebaut. Die Desktop-App und der lokale MCP-Server bleiben kostenlos und unter MIT-Lizenz. Eine gehostete Version für Teams kommt später, als optionales Abo.

Verfolge die Entwicklung auf X, @bedleybuilds
  1. 01Jetzt
    Proof of Concept2.000 Ebenen mit 60 fps im Browser, oder zurück ans Reißbrett.
  2. 02FundamentEine echte Landingpage, von Grund auf in Kalka gebaut. Das Repo wird öffentlich.
  3. 03MVPEin erstes Kundenprojekt, mit Kalka gestaltet und ausgeliefert.
  4. 04V1Jedes neue Projekt startet in Kalka. Kein Nachbauen von Hand mehr.

Fragen und Antworten.

Ist Kalka kostenlos?

Ja. Die Desktop-App und der lokale MCP-Server sind kostenlos und Open Source unter der MIT-Lizenz. Eine gehostete Version für Teams kommt später, als Option.

Ist Kalka eine Figma-Alternative?

Wenn du Figma nutzt, wirkt das Interface sofort vertraut. Der Unterschied liegt darunter: Kalka zeichnet mit HTML und CSS statt mit Vektoren, also ist dein Design bereits eine Webseite.

Kann ich meine Figma-Dateien importieren?

Ja. Kalka importiert Figma-Dateien (.fig) und .pen-Dateien, so kannst du bestehende Arbeit mitnehmen und in echtem HTML weitergestalten.

Welche KI-Agenten funktionieren damit?

Jeder Agent, der MCP unterstützt. Kalka bringt einen eigenen MCP-Server mit, damit dein Agent den Canvas lesen, HTML schreiben, Styles ändern und exportieren kann.

Welche Plattformen?

macOS, Windows und Linux. Kalka ist eine mit Electron gebaute Desktop-App und läuft deshalb auf allen dreien.

Wann kann ich es ausprobieren?

Gründungsmitglieder auf der Warteliste bekommen die ersten Builds, sobald der Proof of Concept steht. Jeden Schritt teilen wir unterwegs auf X.

Hör auf, deine Designs in Code nachzuzeichnen.

Trag dich in die Warteliste ein und werde Gründungsmitglied.

  • Die ersten Builds, vor allen anderen
  • Eine Stimme bei dem, was als Nächstes gebaut wird
  • Dein Name auf der Gründerwand