Альтернативы Figma для дизайнеров, которые делают HTML
Большинство альтернатив Figma копируют холст. Лишь некоторые меняют то, из чего он сделан. Вот как сравниваются главные варианты, если ваш дизайн в итоге становится сайтом.
Почему ищут альтернативу Figma
Чаще всего мы слышим простые причины: открытая лицензия, файлы на собственном компьютере, бесплатный тариф без серьёзных ограничений или процесс, который ближе к коду.
Из-за последней причины и появилась эта статья. В большинстве дизайн-инструментов холст это векторный рисунок. Браузер его никогда не видит. Кому-то всё равно приходится пересобирать каждый фрейм в HTML и CSS и чинить то, что потерялось по дороге.
Коротко
| Инструмент | Открытый код | Как вы проектируете | Агенты и MCP | Где хранятся файлы |
|---|---|---|---|---|
| Figma | Нет | Векторный холст | MCP-сервер, запись на холст в бете | Облако Figma |
| Penpot | Да | Холст с раскладками CSS Flex и Grid | Открытый MCP-сервер | Облако Penpot или свой сервер |
| Paper | Лицензия не опубликована | Холст из HTML и CSS | MCP, 100 вызовов инструментов в неделю на бесплатном тарифе | Рабочее пространство Paper, веб и десктоп |
| OpenDesign | Да, Apache-2.0 | Сначала промпт, агент пишет HTML-прототипы | Работает с агентами для кода | Локальная папка |
| Kalka | Да, MIT | Холст как в Figma, каждый слой это HTML | Встроенный локальный MCP без лимитов | Локальная папка, Git |
Penpot
Penpot самая известная альтернатива с открытым кодом. Он работает в браузере, его можно развернуть на своём сервере, а бесплатный тариф даёт неограниченное число файлов и мест. Раскладки в нём следуют CSS Flex и Grid, а вкладка Inspect отдаёт код в SVG, CSS и HTML. Есть и открытый MCP-сервер, а файлы Figma можно перенести через Penpot Exporter.
Выбирайте его, если вам нужен зрелый инструмент с открытым кодом, которым вся команда может пользоваться уже сегодня, с возможностью развернуть его у себя.
Paper
Paper ближе всего к идее Kalka: холст сделан из HTML и CSS, а агенты читают и пишут на нём через MCP. У Paper есть веб- и десктопное приложение, он синхронизирует токены и компоненты с кодовой базой и экспортирует HTML и CSS. Бесплатный тариф включает 100 вызовов инструментов MCP в неделю. Pro стоит $16 за редактора в месяц при оплате за год ($20 помесячно) и поднимает лимит до миллиона.
Выбирайте его, если вам нужен HTML-холст прямо сейчас, за которым стоит команда с инвестициями, и вас устраивает проприетарный облачный инструмент.
OpenDesign
OpenDesign распространяется с открытым кодом (Apache-2.0) и работает иначе: вы выбираете дизайн-систему, описываете экраны, а агент для кода, например Claude Code, Codex или Cursor, пишет HTML-прототип. Потом элементы можно двигать, менять их размер и цвет. Проекты хранятся как файлы HTML и CSS в локальной папке. Десктопное приложение бесплатно с вашим собственным API-ключом, а платные тарифы добавляют кредиты на облачные модели.
Выбирайте его, если вы хотите начинать с промпта, а не с пустого холста.
Kalka
Kalka это инструмент, который делаем мы. В нём знакомый вам по Figma интерфейс, но каждый фрейм, слой и тень на холсте это настоящий HTML-элемент с настоящим CSS, а раскладку строит браузер. Ваш проект это обычная папка, которую можно открыть в любом редакторе кода и версионировать в Git. Встроенный MCP-сервер позволяет любому агенту читать холст и рисовать на нём, локально и без лимитов. Свои работы можно забрать с собой: Kalka импортирует файлы .fig и .pen.
Kalka в разработке, код открыт под лицензией MIT. Мы делимся каждым шагом в X по ходу работы.
Выбирайте его, если вы хотите проектировать руками, как привыкли, и обходиться без пересборки в коде.
Как выбрать
- Нужно что-то стабильное уже сегодня и с открытым кодом: Penpot.
- Нужен HTML-холст уже сегодня, а открытый код не важен: Paper.
- Вы скорее напишете промпт, чем будете рисовать: OpenDesign.
- Хотите привычки Figma, настоящий HTML внутри и собственные файлы: записывайтесь в лист ожидания Kalka.