Penpot или Figma: честное сравнение и третий вариант
Один стал отраслевым стандартом, другой бросает ему вызов с открытым кодом. Но оба по-прежнему рисуют на холсте, который не является веб-страницей. Разбираем, что это значит для вас.
Бок о бок
| Figma | Penpot | Kalka | |
|---|---|---|---|
| Открытый код | Нет | Да | Да, MIT |
| Где работает | Веб и десктоп | Веб, можно развернуть у себя | Десктоп: macOS, Windows, Linux |
| Раскладка | Auto layout | CSS Flex и Grid | CSS, раскладку строит браузер |
| Код | Dev Mode, MCP-сервер | Inspect: SVG, CSS, HTML | Дизайн и есть код |
| ИИ-агенты | MCP, запись на холст в бете | Открытый MCP-сервер | Встроенный локальный MCP |
| Статус | Зрелый | Зрелый | В разработке |
В чём сильнее Figma
- Экосистема: плагины, файлы сообщества и то, что ваши клиенты и коллеги уже в ней работают.
- Её MCP-сервер передаёт агентам для кода контекст дизайна, а в бете агенты уже могут создавать и редактировать контент на холсте.
В чём сильнее Penpot
- Открытый код, бесплатный тариф с неограниченным числом файлов и мест и возможность развернуть у себя.
- Раскладки на основе CSS Flex и Grid и код, который можно посмотреть в SVG, CSS и HTML.
- Файлы Figma можно перенести с помощью Penpot Exporter.
Чего не меняет ни один из них
В обоих инструментах холст это рисунок, который имитирует веб-страницу. Penpot ближе к цели, потому что говорит на языке раскладки CSS, но страницу всё равно нужно собрать потом, а кто-то проверяет, совпадает ли она с макетом.
Третий вариант: холст, который и есть страница
В Kalka остаются знакомые по Figma панели и привычки, но холст это настоящие HTML и CSS, которые отрисовывает браузер. Ваш проект это папка с вашими файлами под версионированием Git, и любой ИИ-агент может работать с ним через локальный MCP-сервер без лимитов.
Kalka в разработке, код открыт. Если вы выбираете между Penpot и Figma из-за передачи дизайна в разработку, возможно, его стоит подождать.