Kalka: альтернатива Figma с открытым кодом, где каждый фрейм, каждый слой и каждая тень это настоящие HTML и CSS, которые раскладывает браузер. Что вы нарисовали, то и уходит в продакшен.
Первые участники получат ранние сборки и право голоса в дорожной карте. Бесплатно, лицензия MIT.
<!-- Desktop, 1440 × 900 --> <header class="nav"> <a class="logo">Studio</a> <nav>Work · Studio · Contact</nav> </header> <section class="hero"> <h1>Websites that sell themselves.</h1> <p>Designed in Kalka, shipped as HTML, no rebuild.</p> <a class="btn" href="/contact">Start a project</a> </section> <section class="mosaic">…</section> /* styles.css */ .hero { display: flex; flex-direction: column; gap: var(--space-6); } .btn { background: var(--ink); border-radius: 999px; }
Один фрейм, два вида. Никакого экспорта между ними.
ИИ-агенты уже пишут лендинг за секунды. Но чтобы его поправить, приходится копаться в коде. В Kalka всё, что пишет агент, попадает на холст настоящими слоями: двигайте их, меняйте стили, оставляйте то, что работает.
Встроенный MCP-сервер работает с любым агентом, который поддерживает MCP. Никакой привязки к одной модели.
Панель слоёв и есть DOM. Выберите слой, и его тег сразу перед вами. Измените код, и холст обновится.
Те же панели, те же инструменты, те же привычки. Откройте и начинайте проектировать.
Mesh-градиенты, зерно, переливы света. Настраиваются как любой другой слой.
Что нарисовали, то и уходит в продакшен. Больше никаких «в макете было по-другому». Ваши тени, ваши отступы, ваша типографика, точь-в-точь.
Получайте настоящие HTML и CSS, а не картинку, которую нужно разгадывать. Сравнивайте, ревьюйте и мержите их, как остальной код.
Уберите пересборку из каждого проекта. Сдавайте быстрее и с меньшим числом кругов «а можно сдвинуть на 4px».
Kalka сохраняет словарь, который любят дизайнеры, и пишет CSS, который ждут разработчики. Из Figma в HTML без плагина и без экспорта.
display: flex; gap: 24px;background: #2F5BEA;box-shadow: 0 8px 24px rgb(0 0 0 / .12);border-radius: 16px;filter: blur(8px);overflow: hidden;my-site/ ├─ pages/ │ ├─ home.html │ └─ pricing.html ├─ styles.css ├─ design-system/ │ ├─ tokens.json │ └─ components/ ├─ assets/ └─ project.json
Kalka начиналась как форк OpenPencil и сейчас перестраивается вокруг самого браузера. Десктопное приложение и локальный MCP-сервер остаются бесплатными, с лицензией MIT. Облачная версия для команд появится позже, как необязательная подписка.
Следите за разработкой в X, @bedleybuildsДа. Десктопное приложение и локальный MCP-сервер бесплатны и открыты по лицензии MIT. Облачная версия для команд появится позже, как дополнительная опция.
Если вы работаете в Figma, интерфейс покажется знакомым. Разница в том, что внутри: Kalka рисует с помощью HTML и CSS, а не векторов, поэтому ваш дизайн уже является веб-страницей.
Да. Kalka импортирует файлы Figma (.fig) и файлы .pen, так что вы можете перенести готовые работы и продолжить проектировать в настоящем HTML.
С любым агентом, который поддерживает MCP. В Kalka есть собственный MCP-сервер, поэтому агент может читать холст, писать HTML, менять стили и экспортировать.
macOS, Windows и Linux. Kalka это десктопное приложение на Electron, поэтому работает на всех трёх.
Первые участники из листа ожидания получат ранние сборки, как только концепция подтвердится. Каждый шаг мы показываем в X.
Запишитесь в лист ожидания и станьте одним из первых участников.