Penpot — опенсорсный дизайн-инструмент, который дружит с кодом

Penpot это открытая альтернатива Figma, которую делают с прицелом на разработчиков: макеты описываются понятиями вёрстки, а из любого элемента достаётся готовый CSS. Версия 2.16.0 вышла 11 июня, на GitHub больше 53 тысяч звёзд.

Что приехало в 2.16.0:
🔘рендеринг через WebGL в статусе беты, включается в настройках пользователя;
🔘дизайн-токены прямо во вкладке дизайна: числовые поля теперь принимают токен на месте, без отдельной панели;
🔘дублирование цветовых и типографических стилей;
🔘процент прозрачности виден прямо на значениях цвета в библиотеке;
🔘очистка направляющих артборда из контекстного меню;
🔘индикатор загрузки при импорте и экспорте файлов.

Чем Penpot интересен разработчику помимо рисования: режим Inspect отдаёт SVG, CSS и HTML для любого элемента, раскладки строятся на Flex и Grid как в реальной странице, есть REST API, вебхуки, плагины и MCP-сервер для связки с ИИ-инструментами. Развернуть можно у себя через Docker или Kubernetes, либо работать в облаке.

Пригодится тем, кто строит дизайн-систему, проектирует интерфейсы и хочет, чтобы макет сразу превращался в код.

https://github.com/penpot/penpot

Язык: Clojure и JavaScript. Лицензия: MPL-2.0.

@prog_tools