Penpot

Что такое Penpot?

Penpot — это дизайн-платформа с открытым исходным кодом для команд, создающих цифровые продукты. Дизайнеры используют её для вайрфреймов, адаптивных макетов интерфейсов и кликабельных прототипов, причём правила раскладки опираются на CSS Grid и Flexbox, а не на собственную модель. Для крупных организаций она поддерживает дизайн-системы через повторно используемые компоненты, общие библиотеки и дизайн-токены, которые встроены в сам продукт. Разработчики могут просматривать дизайн и брать из него код в открытых форматах, таких как CSS, HTML, SVG и JSON, а файлы тоже хранятся в открытом формате. Penpot подключается и к ИИ-инструментам: MCP-сервер позволяет агентам и языковым моделям работать внутри файла, в том числе преобразовывать код в дизайн и обратно. Платформа предлагается как облачный сервис и как установка на собственный сервер, а её можно расширять плагинами.

Ключевые возможности

Скриншоты

Цены Возможности

Сценарии использования

Дизайн веб-приложения

Выстраивайте экраны по тем же правилам grid и flex, которые будет использовать фронтенд.

Передача дизайна разработчикам

Дайте инженерам открыть дизайн, посмотреть отступы и скопировать стили без отдельного шага экспорта.

Ведение дизайн-системы

Храните токены, компоненты и библиотеки в одном месте и используйте их в разных командах.

Хранение дизайн-данных внутри компании

Запустите инструмент на серверах компании, когда файлы должны оставаться в вашей сети.

Дизайн с помощью агента

Подключите ИИ-агента через MCP-сервер, чтобы создавать или править макеты по коду или промптам.

Цены

Цены приведены по тексту официальной страницы с ценами, где указано, что все цены даны в долларах США. Облачные тарифы показаны в месяц; вариант Private Server указан в год. Скидки для некоммерческих организаций, образования и проектов с открытым кодом предоставляются по заявке. Проверено 9 окт. 2026 на сайте penpot.app.

Актуальные цены на penpot.app

Что важно знать

Цены указаны в долларах США

На странице с ценами прямо сказано, что все указанные цены даны в долларах США.

У платных облачных тарифов есть пробный период

На странице с ценами для платных тарифов предлагается пробный период в 14 дней.

Скидки по заявке

Некоммерческие, образовательные организации и проекты с открытым кодом могут подать заявку на сниженные цены.

Облако и self-hosting оцениваются отдельно

На странице с ценами можно переключаться между видом для облачного сервиса и видом для установок на собственных серверах.

Вопросы и ответы

Кому подойдёт

• Продуктовые дизайнеры
• Фронтенд-разработчики
• Команды дизайн-систем
• Проекты с открытым кодом
• Крупные предприятия

Тегиopen sourceprototypingdesign tokensself-hostingMCP

Используется в руководствах

• Дизайн интерфейса приложения с ИИ: исследование, экраны, прототип, кодЭтап 3: Экраны интерфейса
• Дизайн интерфейса приложения с ИИ: исследование, экраны, прототип, кодЭтап 6: От дизайна к коду и передача в разработку

Каждое руководство разбивает одну задачу на этапы и показывает инструменты для каждого из них. Все руководства

Аналоги Penpot

Инструмент	Бесплатный тариф	Начальная цена	API
MasterGoОнлайн-платформа для совместного проектирования интерфейсов с ИИ-генерацией прототипов и передачей дизайна в код.	Да	—	Да
BananiИИ-инструмент для UI-дизайна: превращает промпты, скриншоты или ссылки на Figma в редактируемые многоэкранные прототипы.	Да	—	—
GGrainientБиблиотека зернистых, плавных и анимированных градиентов и фонов, созданных ИИ, с шейдерным инструментом для работы в реальном времени.	—	—	—
BannerbearAPI, которое автоматически создаёт изображения, PDF, анимации и видео из многоразовых шаблонов.	—	49 $/мес	Да
GetLayersБиблиотека шаблонов сайтов, 3D-сцен, разделов страниц и градиентов в виде промптов для ИИ-инструментов программирования.	Да	—	—

Из тех же категорий, что и Penpot. Начальная цена указана, только если мы проверили её на странице цен разработчика; прочерк означает, что цена не проверена или не опубликована. Все инструменты в категории «UI/UX-дизайн»