Penpot — бесплатная опенсорсная альтернатива Figma, которая говорит на языке разработчиков

Пока Figma уже несколько лет принадлежит Adobe и обрастает платными тарифами, в open-source-сообществе зреет альтернатива, которая может изменить правила игры. Penpot — это бесплатный опенсорсный редактор с полным функционалом Figma, который уже собрал почти 50 000 звёзд на GitHub и стремительно набирает популярность в 2026 году. Penpot - здесь

Penpot — бесплатная опенсорсная альтернатива Figma, которая говорит на языке разработчиков

Что такое 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 - здесь

5