🔍
Penpot

Penpot

Penpot — дизайн-платформа с открытым исходным кодом для командной разработки интерфейсов. Она объединяет UI-проектирование на CSS Grid и Flex, построение дизайн-систем, инспекцию кода и рабочие процессы с искусственным интеллектом. Платформа доступна как веб-сервис и в self-hosted-варианте, что даёт контроль над данными, но самостоятельное развертывание требует технической подготовки.

Категория:

Penpot — дизайн-платформа с открытым исходным кодом для командной разработки интерфейсов. Она объединяет UI-проектирование на CSS Grid и Flex, построение дизайн-систем, инспекцию кода и рабочие процессы с искусственным интеллектом. Платформа доступна как веб-сервис и в self-hosted-варианте, что даёт контроль над данными, но самостоятельное развертывание требует технической подготовки.

Penpot спроектирована как единая среда для сквозного процесса проектирования цифровых продуктов: от создания адаптивных макетов и прототипов до передачи готовых спецификаций разработчикам. Платформа использует веб-стандарты (CSS, HTML, SVG, JSON) в качестве нативного формата, что упрощает автоматизацию и позволяет автоматически генерировать продакшен-код, соответствующий макету.

Ключевые составляющие:

  • UI-дизайн: компоновка на основе CSS Grid и Flex, интерактивные прототипы, адаптивные правила.
  • Дизайн-системы: повторно используемые компоненты, нативные дизайн-токены (соответствуют W3C), общие библиотеки и управление визуальными каркасами.
  • Код: инспекция и экспорт HTML, CSS, SVG; открытый файловый формат упрощает интеграцию с инструментами разработки и документирования без плагинов.
  • Интеграция с AI: MCP-сервер (Model Context Protocol), открытый API, вебхуки и система плагинов позволяют встраивать любые языковые модели и AI-агентов в рабочие процессы «дизайн→код», «код→дизайн» и «дизайн→дизайн».

Платформа доступна в двух режимах: облачный сервис и самостоятельный хостинг (on-premise, частное облако, air-gapped). Это даёт возможность контролировать данные, политики безопасности, резервное копирование и кастомизацию окружения, а также соответствовать отраслевым требованиям комплаенса. Исходный код распространяется под Mozilla Public License 2.0.

Кому полезен продукт:

  • Дизайнерам, стремящимся к более тесной связке макетов с реальной вёрсткой и к исключению ручной передачи макетов.
  • Разработчикам, которым нужен точный код на основе открытых стандартов без преобразований.
  • Командам, внедряющим AI в проектные процессы и желающим избежать утечки данных за счёт локального использования LLM.
  • Организациям, требующим полной независимости от вендора и возможности развернуть дизайн-инфраструктуру в своём контуре.

Следует учитывать, что self-hosted-вариант накладывает ответственность за администрирование серверов и баз данных на команду; для небольших групп использование управляемого облачного сервиса может быть проще.