Polski
Zacznij

← Wszystkie szablony · Produktywność

Wdróż Excalidraw jednym kliknięciem

Tablica do diagramów i szkiców w stylu odręcznym, ze współpracą w czasie rzeczywistym

Alternatywa dla Miro, FigJam i Lucidchart, hostowana u siebie.

Czym jest Excalidraw?

Excalidraw to wirtualna tablica open source, na której kształty, strzałki i tekst wyglądają jak narysowane odręcznie. Na spotkaniach albo do dokumentacji szkicuje się na niej diagramy architektury, schematy blokowe i makiety – tam, gdzie inni otworzyliby Miro lub Lucidchart. Ma nieskończone płótno, ramki, obrazy, wskaźnik laserowy i ciemny motyw. Narzędzie Konwertuj diagram Mermaid do Excalidraw zamienia kod Mermaid w edytowalne kształty, a rysunek można wyeksportować jako obraz PNG lub SVG albo zapisać jako plik .excalidraw do ponownego otwarcia. Publiczne biblioteki gotowych kształtów, od ikon usług chmurowych po zestawy UI, dodaje się jednym kliknięciem.

Ten szablon uruchamia obraz od twórców Excalidraw razem z ich serwerem współpracy, więc kilka osób może rysować na jednym płótnie jednocześnie. Po kliknięciu Udostępnij, a potem Rozpocznij sesję, powstaje link z kluczem sesji, a przeglądarki szyfrują każdą zmianę, zanim trafi ona na serwer. Nie ma kont, a serwer nie przechowuje rysunków: płótno każdej osoby zostaje w jej przeglądarce, a raz załadowana aplikacja działa dalej offline. Szablon pomija też skrypt Simple Analytics, który wczytuje strona z tego obrazu.

Haczyki: każdy, kto zna adres, może z niego korzystać. Linki tylko do odczytu (Wygeneruj link) i narzędzia AI – Generuj diagram z opisu oraz Wireframe do kodu – działają tylko na excalidraw.com, którego serwery odrzucają żądania z innych stron. Scena i obrazy z sesji są też zapisywane, zaszyfrowane, w Firebase serwisu excalidraw.com, dzięki czemu link do sesji otwiera ją ponownie później, a strony ładują fonty z CDN Excalidraw.

Hosting Excalidraw na Pethost

  1. Logujesz się do Pethost kluczem dostępu, przez GitHub albo Google. Nie masz jeszcze maszyny? Wybierasz plan, a link czeka, aż będzie gotowa.
  2. Okno „Nowy projekt” otwiera się na aplikacji Excalidraw, a ty klikasz „Utwórz projekt”.
  3. Za minutę czy dwie aplikacja Excalidraw działa pod własnym adresem z HTTPS. Jej sekrety są tworzone losowo, a dane trafiają do nocnego backupu.
  4. To projekt jak każdy inny: ty albo twój agent możecie go zmienić, cofnąć do wcześniejszej wersji albo przywrócić.

Pytania o Excalidraw

Czy Excalidraw jest darmowy i open source?

Tak. Excalidraw ma licencję MIT, a jego kod jest na GitHubie. Excalidraw+ od tego samego zespołu to wersja hostowana, która kosztuje 6 $ za użytkownika miesięcznie i dodaje przechowywanie w chmurze, nieograniczoną liczbę scen i folderów, prawa dostępu, prezentacje i komentarze.

Gdzie Excalidraw zapisuje moje rysunki?

W twojej przeglądarce. Excalidraw zapisuje płótno w trakcie rysowania, w pamięci lokalnej przeglądarki, i nic nie trafia na serwer. Inna przeglądarka lub inne urządzenie zaczyna od pustego płótna, a wyczyszczenie danych strony usuwa rysunek, więc to, co ważne, zachowuj przez Zapisz jako... → Zapisz do pliku: polecenie Otwórz wczyta plik .excalidraw ponownie.

Czy kilka osób może rysować razem w Excalidraw hostowanym u siebie?

Tak, z tym szablonem. Kliknij Udostępnij, a potem Rozpocznij sesję, i wyślij link: każdy, kto go otworzy, rysuje na tym samym płótnie i widzi kursory pozostałych. Sesja jest szyfrowana end-to-end, a jej klucz znajduje się w części linku po #, której przeglądarka nigdy nie wysyła do serwera. Sam obraz Dockera Excalidraw tego nie potrafi, więc szablon dodaje serwer współpracy Excalidraw i ustawia strony tak, by się z nim łączyły.

Dlaczego przycisk Wygeneruj link nie działa w Excalidraw hostowanym u siebie?

Linki tylko do odczytu przechowuje serwer excalidraw.com, który przyjmuje je wyłącznie z excalidraw.com, więc tutaj przycisk pokazuje błąd. Zamiast tego udostępnij sesję na żywo albo plik .excalidraw.

Czy Excalidraw potrafi zamienić kod Mermaid w diagram?

Tak. Więcej narzędzi → Konwertuj diagram Mermaid do Excalidraw przyjmuje kod Mermaid i wstawia go jako kształty i strzałki, które można edytować. Konwertowane są schematy blokowe oraz diagramy sekwencji, klas i związków encji; inne rodzaje są wstawiane jako obraz. Działa to w przeglądarce, w odróżnieniu od narzędzia AI Generuj diagram z opisu, które działa tylko na excalidraw.com.

Czy Excalidraw działa offline?

Tak. Gdy strona się załaduje, jej service worker przechowuje aplikację, dzięki czemu otwiera się ona i pozwala rysować bez połączenia, a Chrome lub Edge mogą zainstalować ją jako aplikację. Sesja na żywo potrzebuje połączenia.

Ile pamięci i miejsca na dysku potrzebuje Excalidraw?

Excalidraw ma bardzo małe wymagania: około 40 MB pamięci razem z serwerem współpracy i nic nie zapisuje, bo rysunki zostają w przeglądarkach. Na Pethost wystarczy mu plan Starter, z miejscem na inne aplikacje obok.

Excalidraw: plik Docker Compose

Szablon to ten compose.yaml i zmienne zapisywane do .env projektu przy jego tworzeniu. Pethost uruchamia plik dokładnie tak, jak jest napisany.

Kontenery: excalidraw (excalidraw/excalidraw@sha256:f7ee194addd607bf831d2af0f0a34463dd4225e426cf35199ef0b12a803398e9), room (excalidraw/excalidraw-room:sha-03ff435).

services:
  excalidraw:
    # Excalidraw publishes its image only as latest, built from its release branch, so the digest
    # pins one build of it: that of 2026-05-06. The app is pages for the browser, which keeps the
    # drawings: nothing of them is stored here.
    image: excalidraw/excalidraw@sha256:f7ee194addd607bf831d2af0f0a34463dd4225e426cf35199ef0b12a803398e9
    restart: unless-stopped
    # The pages are built to collaborate through excalidraw.com's server, which refuses any other
    # site's visitors: they are pointed at this address instead, whose /socket.io/ is the room.
    # Excalidraw's docs say the image has no analytics, though its page loads Simple Analytics'
    # script: the script is given no address.
    entrypoint:
      - sh
      - -c
      - |
        cd /usr/share/nginx/html
        sed -i 's#"https://oss-collab.excalidraw.com"#location.origin#g' assets/index-*.js
        sed -i 's#https://scripts.simpleanalyticscdn.com/latest.js##' index.html
        exec /docker-entrypoint.sh nginx -g 'daemon off;'
    configs:
      - source: nginx
        target: /etc/nginx/conf.d/default.conf
    # The image's own check asks localhost, which is ::1 first, where nginx listens only with the
    # file it was packaged with.
    healthcheck:
      test: ["CMD", "wget", "-q", "-O", "/dev/null", "http://127.0.0.1"]
    depends_on:
      - room

  # Excalidraw's collaboration server: it relays a session's changes, encrypted in the browsers
  # with the key in the link's #, which never reaches it, and keeps nothing.
  room:
    image: excalidraw/excalidraw-room:sha-03ff435
    restart: unless-stopped

configs:
  nginx:
    content: |
      server {
        listen 80;
        root /usr/share/nginx/html;

        location /socket.io/ {
          proxy_pass http://room;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $$http_upgrade;
          proxy_set_header Connection "upgrade";
          proxy_set_header Host $$host;
          proxy_read_timeout 1h;
        }
      }

Więcej w kategorii Produktywność