Кратко о проблеме
Figma - мощный UI‑инструмент, но его цены растут: профессиональный план подорожал с $15 до $20 в месяц, а дальше идут ежегодные индексации. Для фрилансера или небольшой команды такие расходы быстро становятся ощутимыми, и поиск бесплатной альтернативы становится обязательным.
Что такое Penpot
Penpot - полностью открытый (MPL 2.0) редактор и прототипер, работающий в браузере или на собственном сервере. Он покрывает весь цикл, который обычно делают в Figma: дизайн‑системы, интерактивные прототипы, библиотеки компонентов и hand‑off для разработчиков. Главное отличие - использование открытых форматов SVG, CSS и HTML, а не закрытого .fig.
Фишки, которые меня убедили
| Функция | Почему важна |
|---|---|
| CSS‑grid и Flex‑layout в инспекторе | Генерирует готовый код, который сразу копируется в проект. |
| Design‑tokens (W3C‑спецификация) | Цвета, отступы и типографика хранятся в JSON‑подобном формате, легко переиспользовать и менять темы. |
| Бесплатный инспект‑панель | Выдаёт почти готовый HTML/CSS без платных плагинов. |
| Самостоятельный хостинг | Можно развернуть в Docker, хранить файлы на своих серверах и не зависеть от сторонних облаков. |
| Низкие системные требования | Работает плавно даже с тяжёлыми проектами, не требуя мощного железа. |
Стоимость
Базовый сервис - полностью бесплатный, все функции доступны без ограничений. Платные планы (Unlimited $7/мес, Enterprise $950/мес) дают лишь больше хранилища и автосохранения, но даже они гораздо дешевле аналогов Figma.
Что остаётся у Figma
- Экосистема плагинов - у Penpot их пока мало.
- Коллаборация в реальном времени (live‑cursors, FigJam) - Penpot пока отстаёт, но базовые совместные функции есть.
Penpot покрывает всё, что мне нужно для профессионального UI‑дизайна, при этом не требует подписки, не привязывает файлы к закрытому формату и позволяет держать данные под собственным контролем. Поэтому я отменил подписку на Figma и перешёл на открытый инструмент, который уже сегодня полностью заменяет его в моём рабочем процессе.