Self-hosted Penpot / Excalidraw: Figma alternative для команди

Для розгортання Penpot та Excalidraw на власному сервері оптимально використовувати VPS з 4 ГБ оперативної пам'яті, 2 ядрами CPU та NVMe-накопичувачем, що дозволяє створити повністю автономну та безкоштовну figma alternative для команди без обмежень на кількість проєктів та учасників.

Чому penpot self hosted — це стандарт приватності для дизайн-команд

Перехід на penpot self hosted зумовлений не тільки економією на підписках, які в Figma можуть досягати $15–75 за користувача на місяць, але й повним контролем над інтелектуальною власністю. На відміну від пропрієтарних хмарних рішень, Penpot використовує відкриті стандарти, такі як SVG та CSS, що робить макети максимально наближеними до реального коду. Це усуває бар'єр між дизайнером та фронтенд-розробником. Використання collaborative design vps дозволяє уникнути ризиків, пов'язаних з блокуваннями акаунтів або зміною політики конфіденційності вендора. Коли дані зберігаються на вашому власному сервері, ви самі визначаєте політику доступу та терміни зберігання бекапів. Для зберігання облікових даних адміністратора та ключів API рекомендуємо використовувати self-hosted Bitwarden / Vaultwarden, щоб забезпечити максимальний рівень безпеки всередині периметра компанії. Penpot підтримує Flex Layout та CSS Grid нативно. Це означає, що дизайнер створює не просто картинку, а структуру, яку браузер розуміє без складної інтерпретації. При роботі на власному сервері швидкість відгуку інтерфейсу залежить тільки від затримки (latency) до вашого дата-центру, що при правильному виборі локації VPS дає перевагу перед навантаженими хмарами Figma.

Технічні вимоги: який collaborative design vps обрати

Для стабільної роботи penpot docker контейнерів потрібен сервер з певним запасом ресурсів. Основне навантаження лягає на оперативну пам'ять та процесор в моменти рендерингу складних сцен та синхронізації змін між користувачами через WebSocket.

Параметр	Мінімум (1-3 дизайнера)	Рекомендовано (5-15 осіб)	Enterprise (30+ осіб)
vCPU	2 ядра (2.5+ GHz)	4 ядра	8+ ядер
RAM	4 GB	8 GB	16+ GB
Диск (NVMe)	40 GB	80 GB	200+ GB
ОС	Ubuntu 22.04 LTS	Ubuntu 24.04 LTS	Debian 12
Ціна в місяць	~$10-12	~$20-25	~$45+

Якщо ви плануєте використовувати сервер не тільки для дизайну, але й для корпоративного спілкування, варто розглянути встановлення self-hosted Mattermost або Rocket.Chat на ту ж машину, збільшивши об'єм RAM на 2-4 ГБ. Це дозволить створити єдину екосистему інструментів, незалежну від зовнішніх SaaS-сервісів.

Встановлення Penpot Docker: покрокова конфігурація середовища

Процес розгортання penpot docker версії включає в себе налаштування декількох взаємопов'язаних сервісів: frontend, backend, експортер (для PDF/SVG), базу даних PostgreSQL та Redis для кешування сесій. Використання Docker Compose — найнадійніший спосіб запустити всю інфраструктуру однією командою. Спочатку необхідно підготувати робочу директорію та завантажити офіційний конфігураційний файл:

mkdir penpot && cd penpot
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/.env.sample -O .env

У файлі .env критично важливо змінити стандартні паролі та налаштувати секретний ключ. Згенеруйте надійний рядок для PENPOT_SECRET_KEY. Також вкажіть параметри SMTP-сервера, якщо плануєте відправляти запрошення новим учасникам команди поштою. Приклад базової настройки в docker-compose.yaml:

services:
  penpot-frontend:
    image: penpotapp/frontend:latest
    ports:
      - "9001:80"
    volumes:
      - penpot_assets:/opt/data/assets
    depends_on:
      - penpot-backend

  penpot-backend:
    image: penpotapp/backend:latest
    env_file: .env
    depends_on:
      - penpot-postgres
      - penpot-redis

  penpot-exporter:
    image: penpotapp/exporter:latest
    environment:
      - PENPOT_PUBLIC_URI=http://penpot-frontend

Після налаштування запустіть контейнери командою docker-compose up -d. Доступ до інтерфейсу з'явиться на порту 9001. Для повноцінної роботи в продакшені обов'язково налаштуйте реверс-проксі (Nginx або Traefik) з підтримкою SSL-сертифікатів Let's Encrypt. Багато команд виконують міграцію з Vercel або Netlify на свій VPS саме заради можливості централізованого управління такими складними self-hosted додатками.

Розгортання Excalidraw selfhost для швидкої візуалізації ідей

Якщо Penpot — це важка figma alternative для детальних інтерфейсів, то excalidraw selfhost ідеально підходить для швидких начерків, діаграм та мозкових штурмів. Його головна особливість — ефект "малювання від руки", який знижує перфекціонізм на ранніх етапах проєктування. Excalidraw вкрай невимогливий до ресурсів. Він може працювати навіть на самому бюджетному VPS. Однак, щоб забезпечити спільну роботу (collaboration), необхідно розгорнути не тільки статичний фронтенд, але й сервер синхронізації.

services:
  excalidraw:
    image: excalidraw/excalidraw:latest
    ports:
      - "3000:80"
    restart: always

  excalidraw-room:
    image: excalidraw/excalidraw-room:latest
    ports:
      - "8080:8080"
    environment:
      - PORT=8080

Основна перевага excalidraw selfhost полягає в тому, що дані шифруються на стороні клієнта (end-to-end encryption). Сервер синхронізації передає тільки зашифровані пакети даних, не маючи доступу до вмісту ваших діаграм. Це робить інструмент ідеальним для обговорення архітектури безпеки або конфіденційних бізнес-процесів.

Оптимізація продуктивності та Real-time Collaboration через WebSocket

Для того щоб penpot self hosted працював так само плавно, як хмарна версія, необхідно правильно налаштувати обробку WebSocket-з'єднань. Саме через них передаються координати курсорів колег та зміни об'єктів в реальному часі. При використанні Nginx в якості реверс-проксі, додайте наступні заголовки в конфігурацію блока location:

proxy_set_header Upgrade $http_upgrade;

proxy_set_header Connection "upgrade";
proxy_http_version 1.1;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;

Без цих налаштувань WebSocket обриватиметься, і користувачі бачитимуть помилки синхронізації. Також рекомендується збільшити ліміти відкритих файлів у системі (ulimit), оскільки під час активної роботи команди кількість одночасних з'єднань може швидко зростати. Для моніторингу навантаження та аналізу того, як команда використовує ресурси сервера, можна впровадити self-hosted analytics (Plausible або Umami). Це допоможе зрозуміти пікові години навантаження і вчасно масштабувати ресурси VPS.

Кастомізація інтерфейсу та експорт в SVG/PDF

Однією з головних переваг figma alternative на власному хостингу є можливість глибокої кастомізації. Ви можете змінити логотип при вході, налаштувати фірмові кольори інтерфейсу через змінні оточення або навіть модифікувати вихідний код, оскільки Penpot поширюється під ліцензією MPL 2.0. Можливості експорту в Penpot:

• SVG: Нативний формат для Penpot, експорт відбувається без втрат якості та зайвих артефактів у коді.
• PDF: Використовується сервіс penpot-exporter, який запускає headless-браузер для генерації багатосторінкових документів.
• PNG/JPG: Підтримка різних розширень (1x, 2x, 3x) для підготовки ассетів під мобільні додатки.
• CSS: Автоматична генерація стилів для обраних елементів, включаючи Flexbox та Grid властивості.

В Excalidraw експорт реалізовано простіше, але ефективніше для документації: ви можете в один клік отримати посилання на редаговану діаграму або зберегти її у форматі SVG з прозорим фоном для вставки в Notion або корпоративну вікі.

Безпека та резервне копіювання даних

Володіння інфраструктурою накладає відповідальність за збереження даних. Для Penpot необхідно налаштувати регулярний бекап бази даних PostgreSQL та директорії з ассетами (зображеннями), які завантажують користувачі. Рекомендований план бекапу:

1. Щогодинний дамп бази даних PostgreSQL за допомогою pg_dump.
2. Щоденна синхронізація папки assets із зовнішнім S3-сховищем або іншим сервером.
3. Зберігання знімків (snapshots) всієї віртуальної машини раз на тиждень.

Приклад скрипта для бекапу бази даних всередині Docker:

docker exec penpot-postgres pg_dump -U penpot_user penpot_db > backup_$(date +%F).sql

Переконайтеся, що ваш collaborative design vps захищений фаєрволом. Відкритими повинні бути тільки порти 80 та 443. Всі інші сервісні порти (5432 для Postgres, 6379 для Redis) повинні бути доступні тільки всередині мережі Docker або через VPN.

Висновки

Self-hosted зв'язка Penpot і Excalidraw на VPS — це професійне рішення, яке повністю закриває потреби команди в дизайні та прототипуванні без залежності від закордонних SaaS-гігантів. Для стабільної роботи достатньо сервера з 4 ГБ RAM та 2 vCPU, а використання Docker гарантує швидке встановлення та легке оновлення інструментів.