Kalka v0.1.0

Disegnalo.
È già codice.

Kalka è l'alternativa open source a Figma in cui ogni frame, ogni livello, ogni ombra è vero HTML e CSS, impaginato dal browser. Quello che progetti è quello che va online.

I membri fondatori ricevono le prime build e votano la roadmap. Gratis, con licenza MIT.

L'editor di Kalka: pannello dei livelli a sinistra, una landing page sul canvas, proprietà di design a destra

Stesso frame, due viste. Nessuna esportazione in mezzo.

Il tuo agente fa la bozza. Tu la rifinisci a mano.

Gli agenti AI scrivono già una landing page in pochi secondi. Ma per modificarla devi ancora scavare nel codice. In Kalka, quello che scrive il tuo agente arriva sul canvas come livelli veri: spostali, cambiane lo stile, tieni ciò che funziona.

Il server MCP integrato funziona con qualsiasi agente che parla MCP. Nessun vincolo a un solo modello.

  1. 1
    Tu chiediAggiungi una sezione prezzi, tre piani, stesso stile.
  2. 2
    Il tuo agente la disegna in HTML
  3. 3
    Tu la rifinisci, visivamenteRaggio 8 122F5BEA

Niente da reimparare. Niente da ricostruire.

Ogni livello è un elemento

Il pannello dei livelli è il DOM. Selezioni un livello e il suo tag è lì. Modifichi il codice e il canvas si aggiorna.

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

Se conosci Figma, conosci Kalka

Stessi pannelli, stessi strumenti, stesse abitudini. Aprilo e inizia a progettare.

livello shader

Shader, dal vivo sul canvas

Gradienti mesh, grana, luce in movimento. Regolali come qualsiasi altro livello.

Fatto per chi sta tra il mockup e il lancio.

Designer

Quello che disegni è quello che va online. Basta con "nel mockup sembrava diverso". Le tue ombre, le tue spaziature, la tua tipografia, esattamente.

Sviluppatori

Ricevi vero HTML e CSS, non un'immagine da decifrare. Fai diff, review e merge come con il resto del tuo codice.

Agenzie e freelance

Elimina la ricostruzione da ogni progetto. Consegna prima, con meno giri di "puoi spostarlo di 4px".

Le parole con cui progetti, le proprietà su cui gira il web.

Kalka mantiene il vocabolario che i designer amano e scrive il CSS che gli sviluppatori si aspettano. Da Figma a HTML, senza plugin né esportazioni.

Pannello designstyles.css
Auto layoutGap 24
display: flex; gap: 24px;
Riempimento2F5BEA · 100%
background: #2F5BEA;
Ombra esternaY 8Blur 2412%
box-shadow: 0 8px 24px rgb(0 0 0 / .12);
Raggio angoli16
border-radius: 16px;
Sfocatura livelloBlur 8
filter: blur(8px);
Ritaglia contenuto
overflow: hidden;

Il tuo lavoro resta tuo.

Semplici fileHTML, CSS e JSON in una cartella tua. Aprila in qualsiasi editor di codice.
Git integratoBranch, diff e review di un design, come fai con il codice.
Sul tuo computerUn'app desktop. I tuoi progetti non devono mai lasciare il tuo computer.
Gratis, davveroL'app e il server MCP locale hanno licenza MIT. Nessuna postazione da pagare, nessun limite d'uso.
my-site/
├─ pages/
│  ├─ home.html
│  └─ pricing.html
├─ styles.css
├─ design-system/
│  ├─ tokens.json
│  └─ components/
├─ assets/
└─ project.json

Sviluppato alla luce del sole. Gratis dove conta.

Kalka è nato come fork di OpenPencil e viene ricostruito attorno al browser stesso. L'app desktop e il server MCP locale restano gratuiti e con licenza MIT. Una versione hosted per i team arriverà più avanti, come abbonamento facoltativo.

Segui lo sviluppo su X, @bedleybuilds
  1. 01Ora
    Proof of concept2.000 livelli a 60 fps nel browser, oppure si torna al tavolo da disegno.
  2. 02FondamentaUna vera landing page, costruita da zero dentro Kalka. Il repo diventa pubblico.
  3. 03MVPUn primo progetto per un cliente, progettato e consegnato con Kalka.
  4. 04V1Ogni nuovo progetto parte da Kalka. Basta ricostruire a mano.

Domande e risposte.

Kalka è gratuito?

Sì. L'app desktop e il server MCP locale sono gratuiti e open source con licenza MIT. Una versione hosted per i team arriverà più avanti, come opzione.

È un'alternativa a Figma?

Se usi Figma, l'interfaccia ti sembrerà familiare. La differenza è sotto: Kalka disegna con HTML e CSS invece che con i vettori, quindi il tuo design è già una pagina web.

Posso importare i miei file Figma?

Sì. Kalka importa i file Figma (.fig) e i file .pen, così puoi portare i lavori esistenti e continuare a progettare in vero HTML.

Con quali agenti AI funziona?

Con qualsiasi agente che supporta MCP. Kalka include il proprio server MCP, così il tuo agente può leggere il canvas, scrivere HTML, aggiornare gli stili ed esportare.

Su quali piattaforme?

macOS, Windows e Linux. Kalka è un'app desktop costruita con Electron, quindi gira su tutti e tre.

Quando posso provarlo?

I membri fondatori in lista d'attesa ricevono le prime build, appena il proof of concept regge. Ogni passo viene condiviso su X lungo il percorso.

Smetti di ridisegnare i tuoi design in codice.

Iscriviti alla lista d'attesa e diventa un membro fondatore.

  • Le prime build, prima di tutti
  • Un voto su cosa costruire dopo
  • Il tuo nome sul muro dei fondatori