Penpot — бесплатная опенсорсная альтернатива Figma, которая говорит на языке разработчиков
Пока Figma уже несколько лет принадлежит Adobe и обрастает платными тарифами, в open-source-сообществе зреет альтернатива, которая может изменить правила игры. Penpot — это бесплатный опенсорсный редактор с полным функционалом Figma, который уже собрал почти 50 000 звёзд на GitHub и стремительно набирает популярность в 2026 году. Penpot - здесь
Что такое Penpot?
Penpot — это бесплатный опенсорсный инструмент для дизайна и прототипирования, который работает прямо в браузере. Он создан испанской компанией Kaleidos и позиционируется как прямая альтернатива Figma, но с одним принципиальным отличием: всё, что вы создаёте в Penpot, выражено в открытых веб-стандартах — SVG, CSS, HTML и JSON.
Проект уже собрал почти 50 000 звёзд на GitHub и активно развивается — недавно вышла версия v2.16.0. Penpot распространяется под лицензией MPL-2.0 и написан на Clojure/ClojureScript с рендерером на Rust/WASM.
Ключевые возможности
CSS Flexbox и Grid — как в реальном браузере
Главное техническое преимущество Penpot перед Figma — нативная поддержка CSS Flexbox и Grid. В Figma есть Auto Layout, но он работает по своим внутренним правилам. В Penpot вы используете те же модели раскладки, что и в браузере. Это значит, что структура, которую вы видите на холсте, один в один соответствует тому, что вы будете верстать — меньше нестыковок и переделок.
Inspect Mode — готовый код без перевода
Каждый дизайн в Penpot имеет вкладку Inspect, которая показывает готовый к использованию SVG, CSS и HTML. Поскольку дизайн изначально построен на веб-стандартах, то, что вы копируете — это то, что вы и отправляете в продакшн. Никаких плагинов для «конвертации» и никакого дрейфа между дизайном и реализацией.
Дизайн-токены — единый источник правды
Penpot поддерживает нативные Design Tokens (аналог Figma Variables). Цвета, шрифты, отступы — всё живёт в единой системе, которая синхронизируется между дизайном и разработкой. Никаких ручных экспортов и отдельных плагинов.
Реальное время и открытые форматы
Поддерживается коллективная работа в реальном времени, а все файлы основаны на открытых форматах — никакой привязки к проприетарному .fig. Вы всегда можете выгрузить свои дизайны и открыть их в любом другом инструменте.
Главная фишка 2026 года: встроенный MCP-сервер для ИИ-агентов
Это то, что делает Penpot особенно перспективным. В 2026 году в основной репозиторий Penpot интегрирован официальный MCP-сервер (Model Context Protocol).
Что это даёт:
Любой MCP-совместимый AI-клиент — Claude Code, Cursor, Claude Desktop — может читать и модифицировать ваши Penpot-файлы программно.
Поскольку дизайны в Penpot — это структурированный, машиночитаемый код (а не просто картинка), ИИ-агент не гадает по скриншоту. Он работает с реальным деревом компонентов, стилями и токенами.
Примеры рабочих процессов, которые уже строят:
· Превращение дизайн-борда в готовый семантический HTML и модульный CSS с соблюдением ваших дизайн-токенов
· Генерация интерактивных прототипов из существующих дизайнов
· Превращение наброска в компонент, который уважает вашу дизайн-систему
· Автоматическая генерация документации по дизайн-системе из файла
· Code-to-design — не только дизайн в код, но и код в дизайн
Доступно более 15 MCP-инструментов: анализ дизайна, CRUD-операции с элементами, экспорт в SVG/PNG/токены, генерация дизайна по текстовому промпту.
Безопасность: MCP-ключ — это персональный невозвратный токен. Рекомендуется начинать с read-only режима (просмотр, анализ) перед тем, как разрешить агенту вносить изменения.
Penpot vs Figma: в чём разница?
- Penrot - Open Source: Да (MPL-2.0). Figma - Нет (проприетарный)
- Бесплатные места: Penrot - Безлимитно. Figma - Ограничено
- Самостоятельный хостинг: Penrot - Да. Figma - Нет
- Форматы файлов: Penrot - SVG, CSS, HTML, JSON. Figma - Проприетарный .fig
- CSS Flexbox и Grid: Penrot - Нативные Figma - Только Auto Layout
- MCP-сервер для ИИ: Penrot - Официальный. Figma - Нет
- Дизайн-токены: Penrot - Нативные. Figma - (Figma Variables)
Ключевое различие: Figma выигрывает в скорости и полировке, Penpot — в свободе и контроле. Figma быстрее при работе с большим количеством объектов, но Penpot полностью бесплатен, позволяет поднять свой сервер и даёт разработчикам готовый код, а не «приближение».
Как отмечают пользователи: «Penpot заменяет Figma почти для всего, для чего я его использую. Open source и self-hostable».
Цена: бесплатно без ограничений
Penrot - здесь
Penpot — полностью бесплатный инструмент. Нет ограничений по количеству дизайнеров, разработчиков или файлов.
Есть возможность самостоятельного хостинга (self-hosting) — вы можете развернуть Penpot на своих серверах и получить полный контроль над данными. Это особенно важно для компаний с требованиями по безопасности и конфиденциальности.
MCP-сервер также бесплатен и открыт — вы платите только за токены, которые потребляют ваши ИИ-агенты.
Вывод Vectra
Penpot — это реальная угроза для Figma, особенно в сегменте команд, которые ценят открытость, контроль над данными и интеграцию с разработкой.
Ключевые преимущества:
· Полностью бесплатно — безлимитные места и файлы
· Open Source — код открыт, формат открыт, можно форкнуть и доработать
· Говорит на языке разработчиков — CSS Flexbox/Grid, готовый код в Inspect
· Self-hosting — полный контроль над данными
· MCP-сервер — ИИ-агенты могут читать и изменять дизайны программно
· Дизайн-токены — единый источник правды для дизайна и кода
Где попробовать: penpot.app — работает в браузере, никаких установок.
Penpot не просто копирует Figma — он предлагает принципиально иную философию: дизайн как код, а не как картинка. И в эпоху ИИ-агентов это может стать решающим преимуществом.
Penpot - здесь