Kalka v0.1.0

Dessinez.
C'est déjà du code.

Kalka est l'alternative open source à Figma où chaque frame, chaque calque, chaque ombre est du vrai HTML et CSS, mis en page par le navigateur. Ce que vous concevez, c'est ce qui part en ligne.

Les membres fondateurs reçoivent les premières versions et votent sur la roadmap. Gratuit, sous licence MIT.

L'éditeur Kalka : panneau des calques à gauche, une landing page sur le canevas, propriétés de design à droite

Même frame, deux vues. Aucun export entre les deux.

Votre agent fait le brouillon. Vous finissez à la main.

Les agents IA écrivent déjà une landing page en quelques secondes. La modifier oblige encore à fouiller dans le code. Dans Kalka, ce que votre agent écrit arrive sur le canevas sous forme de vrais calques : déplacez-les, changez leur style, gardez ce qui fonctionne.

Un serveur MCP intégré fonctionne avec tout agent compatible MCP. Aucune dépendance à un seul modèle.

  1. 1
    Vous demandezAjoute une section tarifs, trois offres, même style.
  2. 2
    Votre agent la dessine en HTML
  3. 3
    Vous la finalisez, visuellementRayon 8 122F5BEA

Rien à réapprendre. Rien à recoder.

Chaque calque est un élément

Le panneau des calques, c'est le DOM. Sélectionnez un calque, sa balise est juste là. Modifiez le code, le canevas suit.

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

Si vous connaissez Figma, vous connaissez Kalka

Mêmes panneaux, mêmes outils, mêmes réflexes. Ouvrez-le et commencez à concevoir.

calque shader

Des shaders, en direct sur le canevas

Dégradés mesh, grain, lumière en mouvement. Réglez-les comme n'importe quel calque.

Pour tous ceux qui sont entre la maquette et la mise en ligne.

Designers

Ce que vous dessinez, c'est ce qui part en ligne. Fini les « ce n'était pas comme ça sur la maquette ». Vos ombres, vos espacements, votre typo, à l'identique.

Développeurs

Récupérez du vrai HTML et CSS, pas une image à décortiquer. Comparez, relisez, mergez comme le reste de votre code.

Agences et freelances

Supprimez l'étape de recodage de chaque projet. Livrez plus tôt, avec moins d'allers-retours du genre « tu peux décaler ça de 4px ».

Les mots de vos maquettes, les propriétés du web.

Kalka garde le vocabulaire que les designers aiment et écrit le CSS qu'attendent les développeurs. De Figma au HTML, sans plugin ni étape d'export.

Panneau Designstyles.css
Auto layoutEspace 24
display: flex; gap: 24px;
Remplissage2F5BEA · 100%
background: #2F5BEA;
Ombre portéeY 8Flou 2412%
box-shadow: 0 8px 24px rgb(0 0 0 / .12);
Arrondi des angles16
border-radius: 16px;
Flou du calqueFlou 8
filter: blur(8px);
Rogner le contenu
overflow: hidden;

Votre travail reste le vôtre.

De simples fichiersDu HTML, du CSS et du JSON dans un dossier qui vous appartient. Ouvrez-le dans n'importe quel éditeur de code.
Git, intégréCréez des branches, comparez et relisez un design comme vous relisez du code.
Sur votre machineUne application desktop. Vos projets n'ont jamais besoin de quitter votre ordinateur.
Gratuit, vraimentL'application et le serveur MCP local sont sous licence MIT. Aucun siège à payer, aucune limite d'usage.
my-site/
├─ pages/
│  ├─ home.html
│  └─ pricing.html
├─ styles.css
├─ design-system/
│  ├─ tokens.json
│  └─ components/
├─ assets/
└─ project.json

Construit en public. Gratuit là où ça compte.

Kalka est né d'un fork d'OpenPencil et se reconstruit autour du navigateur lui-même. L'application desktop et le serveur MCP local restent gratuits et sous licence MIT. Une version hébergée pour les équipes arrivera plus tard, en abonnement optionnel.

Suivez le développement sur X, @bedleybuilds
  1. 01En cours
    Preuve de concept2 000 calques à 60 fps dans le navigateur, sinon retour à la case départ.
  2. 02FondationsUne vraie landing page, construite de zéro dans Kalka. Le dépôt devient public.
  3. 03MVPUn premier projet client conçu et livré avec Kalka.
  4. 04V1Chaque nouveau projet commence dans Kalka. Fini le recodage à la main.

Vos questions, nos réponses.

Kalka est-il gratuit ?

Oui. L'application desktop et le serveur MCP local sont gratuits et open source, sous licence MIT. Une version hébergée pour les équipes arrivera plus tard, en option.

Est-ce une alternative à Figma ?

Si vous utilisez Figma, l'interface vous semblera familière. La différence est dessous : Kalka dessine en HTML et CSS plutôt qu'en vecteurs, donc votre design est déjà une page web.

Puis-je importer mes fichiers Figma ?

Oui. Kalka importe les fichiers Figma (.fig) et les fichiers .pen : vous reprenez vos projets existants et continuez à concevoir en vrai HTML.

Quels agents IA sont compatibles ?

Tout agent compatible MCP. Kalka embarque son propre serveur MCP : votre agent peut lire le canevas, écrire du HTML, modifier les styles et exporter.

Sur quelles plateformes ?

macOS, Windows et Linux. Kalka est une application desktop construite avec Electron, elle fonctionne donc sur les trois.

Quand pourrai-je l'essayer ?

Les membres fondateurs inscrits sur la liste d'attente reçoivent les premières versions dès que la preuve de concept tient la route. Chaque étape est partagée sur X au fil de l'eau.

Arrêtez de redessiner vos maquettes en code.

Rejoignez la liste d'attente et devenez membre fondateur.

  • Les premières versions, avant tout le monde
  • Votre voix sur les prochaines fonctionnalités
  • Votre nom sur le mur des fondateurs