DPTCloud
Quay lại danh sách
Tin tức công nghệ

Tự host Penpot v2 trên cụm Docker Swarm đa VPS: Giải pháp UI/UX thay thế Figma tối ưu cho doanh nghiệp

5 tháng 6, 2026

1. Đặt vấn đề: Tại sao doanh nghiệp cần giải pháp thay thế Figma?

Trong kỷ nguyên chuyển đổi số, Figma đã trở thành một công cụ không thể thiếu đối với các đội ngũ phát triển sản phẩm. Tuy nhiên, việc phụ thuộc hoàn toàn vào một nền tảng đám mây đóng (SaaS) đi kèm với không ít rủi ro: chi phí bản quyền tăng dần theo quy mô nhân sự, nguy cơ rò rỉ dữ liệu, và các thay đổi bất ngờ về chính sách dịch vụ. Đối với các doanh nghiệp coi trọng chủ quyền dữ liệu (Data Sovereignty) và yêu cầu bảo mật nghiêm ngặt, việc tìm kiếm một giải pháp tự lưu trữ (Self-hosted) là điều tất yếu.

Penpot v2 xuất hiện như một lời giải hoàn hảo. Là nền tảng thiết kế UI/UX mã nguồn mở đầu tiên dựa trên tiêu chuẩn Web (SVG), Penpot mang lại trải nghiệm mượt mà không kém cạnh Figma. Đặc biệt, phiên bản v2 đánh dấu bước nhảy vọt về hiệu năng nhờ kiến trúc cải tiến và tính năng Grid Layout nâng cao. Nhưng làm thế nào để triển khai Penpot trên một hạ tầng có khả năng mở rộng cao, sẵn sàng phục vụ cho các đội ngũ lớn? Câu trả lời chính là Docker Swarm đa VPS.

2. Tại sao chọn Docker Swarm đa VPS cho Penpot v2?

Khi triển khai ứng dụng cho môi trường sản xuất (Production), việc chạy trên một máy chủ đơn lẻ (Single VPS) tiềm ẩn nguy cơ sập hệ thống (Single Point of Failure). Sử dụng Docker Swarm giúp chúng ta phân tán tải trọng và tăng cường độ tin cậy:

  • Tính sẵn sàng cao (High Availability): Nếu một VPS gặp sự cố, các container của Penpot sẽ tự động được điều phối sang VPS khác trong cụm mà không gây gián đoạn dịch vụ.
  • Mở rộng linh hoạt (Scalability): Dễ dàng tăng số lượng bản sao (replicas) của Penpot Frontend hoặc Backend khi số lượng designer tăng lên.
  • Quản lý tập trung: Docker Swarm cung cấp cơ chế quản trị orchestration đơn giản hơn nhiều so với Kubernetes, phù hợp cho các đội ngũ DevOps vừa và nhỏ nhưng vẫn đảm bảo sức mạnh hạ tầng.

3. Kiến trúc triển khai Penpot trên cụm Swarm

Để Penpot v2 vận hành ổn định trên cụm đa VPS, chúng ta cần phân tách các thành phần theo mô hình sau:

  1. Tầng Routing (Load Balancer): Traefik hoặc Nginx Proxy Manager đóng vai trò nhận request từ người dùng và phân phối đến các node trong cụm Swarm.
  2. Tầng Ứng dụng (Penpot Services): Gồm penpot-frontend (giao diện), penpot-backend (xử lý logic), và penpot-exporter (kết xuất file PDF/SVG).
  3. Tầng Lưu trữ & Cơ sở dữ liệu: PostgreSQL (lưu trữ thông tin người dùng, project) và Redis (quản lý session và trạng thái cộng tác thời gian thực). Để đảm bảo dữ liệu đồng bộ giữa các VPS, chúng ta cần sử dụng giải pháp lưu trữ chia sẻ như GlusterFS hoặc giải pháp DB lưu trữ đám mây tách biệt.
Lưu ý quan trọng: Đối với môi trường sản xuất lớn, khuyến khích tách biệt hoàn toàn cụm cơ sở dữ liệu PostgreSQL ra khỏi cụm Swarm hoặc sử dụng các dịch vụ Managed Database để đảm bảo an toàn dữ liệu tối đa.

4. Hướng dẫn cấu hình Docker Swarm Stack cho Penpot v2

Dưới đây là file cấu hình mẫu docker-compose.yml được tối ưu hóa cho chế độ Docker Swarm (Deploy Stack):

version: '3.8'

services:
  penpot-frontend:
    image: penpotapp/frontend:v2
    environment:
      - PENPOT_FLAGS=enable-v2-features
    deploy:
      replicas: 3
      update_config:
        parallelism: 1
        delay: 10s
      restart_policy:
        condition: on-failure
    networks:
      - penpot-net

  penpot-backend:
    image: penpotapp/backend:v2
    volumes:
      - penpot-assets:/opt/data
    environment:
      - PENPOT_DATABASE_URI=postgresql://penpot:secret_pass@postgres-db:5432/penpot
      - PENPOT_REDIS_URI=redis://redis-master:6379/0
      - PENPOT_PUBLIC_URI=[https://penpot.yourcompany.com](https://penpot.yourcompany.com)
    deploy:
      replicas: 2
      placement:
        constraints: [node.role == worker]
    networks:
      - penpot-net

networks:
  penpot-net:
    driver: overlay

volumes:
  penpot-assets:
    driver: local
    driver_opts:
      type: nfs
      o: addr=nfs-server-ip,rw
      device: ":/data/penpot-assets"

Trong cấu hình trên, chúng ta sử dụng mạng Overlay Network (penpot-net) để cho phép các container trên các VPS khác nhau giao tiếp an toàn. Khối deploy định nghĩa số lượng replicas, giúp cân bằng tải tự động thông qua cơ chế Routing Mesh tích hợp sẵn của Docker Swarm.

5. Quy trình triển khai từng bước

Để đưa hệ thống vào hoạt động, quản trị viên hệ thống cần thực hiện theo các bước sau:

Bước 1: Khởi tạo cụm Swarm và kết nối các VPS

Trên VPS chính (Manager Node), chạy lệnh:

docker swarm init --advertise-addr

Hệ thống sẽ trả về một mã token. Sao chép đoạn mã này và chạy trên các VPS phụ (Worker Nodes) để kết nối chúng vào cụm.

Bước 2: Thiết lập hệ thống lưu trữ chia sẻ

Cài đặt NFS Server trên một node chuyên dụng hoặc sử dụng GlusterFS để đồng bộ thư mục penpot-assets. Đây là nơi lưu trữ các tệp tin hình ảnh, font chữ do designer tải lên hệ thống.

Bước 3: Khởi chạy Stack

Triển khai toàn bộ stack ứng dụng bằng lệnh:

docker stack deploy -c docker-compose.yml penpot

Kiểm tra trạng thái hoạt động của các dịch vụ bằng lệnh docker stack ps penpot để đảm bảo mọi container đều ở trạng thái Running.

6. Tối ưu hóa hiệu năng và bảo mật cho doanh nghiệp

Để biến Penpot v2 thành một công cụ làm việc thực thụ thay thế Figma cho các dự án thương mại, việc cấu hình cơ bản là chưa đủ. Doanh nghiệp cần lưu ý:

  • Tích hợp SSO/OIDC: Penpot v2 hỗ trợ cấu hình đăng nhập một lần (Single Sign-On) qua Google, GitHub hoặc hệ thống Keycloak nội bộ của doanh nghiệp, giúp quản lý nhân sự tập trung.
  • Cấu hình SSL/TLS mạnh mẽ: Luôn bắt buộc sử dụng HTTPS thông qua Traefik với chứng chỉ Let's Encrypt, kích hoạt HSTS để mã hóa toàn bộ dữ liệu truyền tải trên Internet.
  • Giám sát (Monitoring): Tích hợp Prometheus và Grafana để theo dõi các chỉ số tài nguyên (CPU, RAM, Network) của các VPS, kịp thời phát hiện và xử lý khi hệ thống bị quá tải do số lượng người dùng đồng thời (CCU) tăng đột biến.

7. Lời kết

Tự host Penpot v2 trên Docker Swarm đa VPS không chỉ là việc tiết kiệm chi phí bản quyền, mà còn là bước đi chiến lược giúp doanh nghiệp hoàn toàn làm chủ công nghệ và bảo vệ tài sản trí tuệ của mình. Với khả năng mở rộng linh hoạt của Docker Swarm và những cải tiến vượt trội về trải nghiệm người dùng trên Penpot v2, đây chắc chắn là một giải pháp thay thế Figma bền vững và mạnh mẽ trong tương lai.