{"title":"Penpot — Figma, которую можно поставить на свой сервер и не бояться, что завтра её купят","url":"https://verapointmedia.com/tools/penpot-penpot/","markdownUrl":"https://verapointmedia.com/tools/penpot-penpot.md","language":"ru","category":"tools","publishedAt":"2026-06-20T13:00:02.000Z","updatedAt":"2026-06-20T13:00:02.000Z","references":["https://github.com/penpot/penpot","https://penpot.app","https://www.mozilla.org/en-US/MPL/2.0","https://img.shields.io/badge/MPL-2.0-blue.svg"],"rights":"Public user-requested reading, summarization and citation allowed. Model training requires separate permission.","contentMarkdown":"# Penpot — Figma, которую можно поставить на свой сервер и не бояться, что завтра её купят\n\n- Site: VeraPoint News\n- Section: Инструменты\n- Date: 2026-06-20\n- Canonical: https://verapointmedia.com/tools/penpot-penpot/\n- Markdown: https://verapointmedia.com/tools/penpot-penpot.md\n- Summary: Открытый дизайн-инструмент для тех, кто устал от SaaS-зависимости. Разбираю, как он устроен, где реально крут, а где к нему рано подходить без DevOps-закалки.\n- SEO title: Penpot: браузерная отладка и проверка сайтов AI-агентом\n- SEO description: Открытый дизайн-инструмент для тех, кто устал от SaaS-зависимости. Разбираю, как он устроен, где реально крут, а где к нему рано подходить без DevOps-закал\n- Target queries: Penpot; Penpot github; что такое Penpot; как использовать Penpot\n- Tags: #penpot #figma-alternative #devtools #design-tokens #self-hosted #open-source\n- Image: https://verapointmedia.com/static/content-assets/tools/penpot-penpot/cover.webp\n\n## Sources\n\n- https://github.com/penpot/penpot\n- https://penpot.app\n- https://www.mozilla.org/en-US/MPL/2.0\n- https://img.shields.io/badge/MPL-2.0-blue.svg\n\n---\n\n[Penpot](https://github.com/penpot/penpot) — это открытый инструмент для дизайна интерфейсов, прототипирования и, что самое важное, передачи макетов в разработку. Не просто «ещё один редактор», а платформа, которая с первых пикселей думает о том, как код и дизайн будут жить вместе. И, заглядывая в README, я понимаю, почему у репозитория больше пятидесяти тысяч звёзд: люди устали бояться, что их основной инструмент завтра поменяет ценник или закроет API.\n\nНо давайте без иллюзий. Penpot — это не «бесплатная Figma». Это другой зверь, со своей философией, и я сейчас попробую в ней разобраться.\n\n## Если просто\n\nПредставьте, что вы открываете дизайн-файл, а там уже на уровне слоёв лежит не просто «прямоугольник с тенью», а честный CSS-код, SVG и структура, которую можно скормить вашему фреймворку. Penpot работает с открытыми стандартами — HTML, CSS, SVG, JSON — и поэтому то, что вы рисуете, не требует дополнительной расшифровки на стороне разработчика.\n\nЕго можно открыть прямо в браузере как обычный SaaS-сервис. А можно развернуть на собственном сервере — и вот тут начинается самое интересное. Потому что тогда все ваши макеты, библиотеки компонентов и дизайн-токены живут в контуре вашей инфраструктуры. Никакого вендор-лока (привязки к чужой платформе, когда вас держат за совместимость и экспорт данных). Это не просто фича — для некоторых команд это вопрос compliance и безопасности, который закрывает Penpot одной своей архитектурой.\n\nЕщё тут есть честная real-time коллаборация, как в Google Docs, только для макетов. И режим Inspect — когда разработчик тыкает в любой элемент и сразу видит готовые куски кода.\n\n## Что это решает\n\nГлавная боль, которую Penpot пытается убрать — разрыв между дизайном и кодом. Стандартная история: дизайнер нарисовал красивый экран, передал в Figma, а разработчик сидит и мысленно переводит тени, отступы и радиусы обратно в CSS. Теряются нюансы, плывут состояния компонентов, а дизайн-система живёт отдельно от кодовой базы.\n\nPenpot подходит к этому иначе. Он с самого начала выражает дизайн как код. Когда я проверила, это значит, что Flex Layout и CSS Grid здесь — не эмуляция, а нативные механизмы вёрстки. Дизайн-токены (цвета, шрифты, отступы, закругления) хранятся в едином источнике правды, и их изменения подхватываются и в макетах, и в коде.\n\nОтдельная история — MCP-сервер. Я погуглила: это протокол, который позволяет AI-инструментам вроде Claude читать и даже модифицировать дизайн напрямую. Можно попросить ИИ проверить все отступы между секциями на странице или перекрасить кнопки в соответствии с новой палитрой — и он сделает это через API, не перегоняя макет в скриншоты.\n\n## Как попробовать\n\nСамый быстрый вход — идти на [design.penpot.app](https://design.penpot.app) и просто зарегистрироваться. Это облачная версия, которая для старта не требует вообще ничего.\n\nДля тех, кто хочет поднять у себя — идём на [страницу self-host](https://penpot.app/self-host). Там есть путь через Docker, Kubernetes, Elestio и даже Gitpod для быстрой разработки. По сути, классический docker compose up, минут пятнадцать — и у вас свой Penpot на локальной машине.\n\nОтмечу важное: в README честно предупреждают, что Penpot написан на Clojure и ClojureScript. Если захотите глубоко кастомизировать или контрибьютить — это довольно специфичный стек, с которым не все разработчики знакомы. Но для обычной установки и использования знать Clojure не нужно.\n\n## 3 сценария с примерами\n\n**Сценарий 1: Малый бизнес боится, что Figma поднимет цены**\nВы — команда из пяти человек, работали в Figma, но после очередного повышения цен начинаете нервно посматривать на альтернативы. Регистрируетесь в облачном Penpot, переносите основные компоненты через SVG-экспорт (да, не идеально, но рабочие макеты переезжают). Обнаруживаете, что Inspect-режим выдаёт код даже чище, чем Figma. Через неделю понимаете, что вам хватает.\n\n**Сценарий 2: Enterprise с жёсткими требованиями безопасности**\nБанк или страховая компания, где макеты не могут храниться на чужих серверах. Поднимаете Penpot через Docker внутри своего облака. Все дизайн-файлы, токены и библиотеки лежат в закрытом контуре. Аудит проходит. Разработчики подключают MCP-сервер — и AI-агенты могут проверять интерфейсы на соответствие дизайн-системе без участия человека.\n\n**Сценарий 3: Open-source проект с распределённой командой**\nУ вас опенсорсный веб-фреймворк, и вы хотите, чтобы контрибьюторы могли предлагать не только код, но и улучшения интерфейса. Публикуете Penpot-файлы прямо в репозитории. Любой дизайнер форкает проект, открывает макет в своём Penpot, предлагает изменения — и они видны как читаемый SVG/CSS diff в Pull Request. Прозрачно и без привязки к чьей-то учётной записи.\n\n## Где можно застрять\n\nПервое: миграция из Figma — это всё ещё боль. Прямого конвертера нет, компоненты и автолейауты переносятся с потерями. Если у вас сотни макетов с хитрыми прототипами — переезд будет долгим и местами ручным.\n\nВторое: плагины. Экосистема только зарождается. Если ваш пайплайн завязан на Figma-плагины для accessibility-проверок, трекинга задач или генерации контента — придётся искать аналоги и не все они уже есть.\n\nТретье: лицензия MPL-2.0. Это копилефт, но довольно мягкий. Короче говоря: исходный код Penpot остаётся открытым, ваши производные работы тоже должны быть открыты, но на ваши дизайн-файлы это не распространяется. Для большинства команд это нормально, но юристам стоит показать.\n\nЧетвёртое: 663 открытых issue на момент моего разбора. Это не баг-трекер в агонии, а показатель активно развивающегося проекта, но некоторые шероховатости есть. Кнопка может реагировать не с первого клика, а Undo иногда ведёт себя неожиданно.\n\n## Кому это нужно\n\nКомандам, у которых слово «суверенитет» в отношении данных — не пустой звук. Стартапам, которые хотят встроить дизайн-инструмент прямо в свой продукт через API. Разработчикам, которым надоело угадывать отступы по пикселям на скриншотах. И всем, кто хочет перестать платить за количество просмотрщиков, а не за реальную работу.\n\n## Кому это не нужно\n\nЕсли вы фрилансер-одиночка и у вас три проекта на Figma с плагинами, к которым вы привыкли — Penpot пока не даст вам ничего такого, ради чего стоит мигрировать. Если вы работаете в крупной студии, где пайплайн десятилетиями строился вокруг Sketch, и менять его никто не собирается — тоже мимо. Да и просто тем, кому лень разбираться с self-hosting, — облачная версия есть, но без собственного сервера вы теряете половину преимуществ.\n\n## Вердикт Веры\n\nPenpot — редкий случай, когда open-source альтернатива не пытается догнать проприетарного конкурента по фичам, а строит фундаментально другой подход к дизайн-инструменту. Он не говорит «смотрите, у нас тоже есть компоненты». Он говорит «дизайн — это код, давайте работать с ним соответственно». И в этом его сила.\n\nЯ не жду, что завтра все бросят Figma и побегут ставить Docker. Но для команд, которые растут, упираются в вопросы владения данными и хотят, чтобы их дизайн-система была действительно системой, а не набором картинок, — Penpot стоит того, чтобы потратить на него вечер и проверить в деле. А там, глядишь, и AI-агенты уже научатся читать ваши макеты.\n\n## Что читать дальше\n\n- [Все материалы про AI-агентов](/topics/ai-agents/)\n- [Что такое AI-агент простыми словами](https://verapointmedia.com/guides/chto-takoe-ai-agent-prostymi-slovami/)\n- [Все материалы про AI-инструменты](/topics/ai-tools/)\n- [Как отличить рабочий AI-инструмент от красивой демки](https://verapointmedia.com/guides/kak-otlichit-rabochiy-ai-instrument-ot-krasivoy-demki/)\n\n## Материалы\n\n- [penpot/penpot] penpot/penpot: https://github.com/penpot/penpot\n- [penpot.app] supporting context: https://penpot.app\n- [mozilla.org] supporting context: https://www.mozilla.org/en-US/MPL/2.0\n- [img.shields.io] supporting context: https://img.shields.io/badge/MPL-2.0-blue.svg\n"}