Diagramy Mermaid w Miro (wersja archiwalna)

Osoby: Wszyscy użytkownicy
Plany: Wszystkie plany
Platformy: Przeglądarka, aplikacja desktopowa

Uwaga: Diagramy Mermaid są teraz dostępne natywnie w Miro. Zapoznaj się z Tworzenie diagramów Mermaid

Dzięki aplikacji Mermaid możesz w prosty sposób tworzyć i osadzać rozbudowane diagramy oparte na kodzie bezpośrednio na tablicach Miro. Pozwala to wizualizować złożone systemy, przepływy pracy lub struktury danych przy użyciu prostej składni tekstowej, co ułatwia współpracę i zrozumienie.

Zmiana kodu diagramu z podglądem aktualizowanym w czasie rzeczywistym

Zainstaluj aplikację Mermaid

Aplikację Mermaid możesz zainstalować z Miro Marketplace lub bezpośrednio z paska narzędzi tworzenia na tablicy.

Aby zainstalować z Miro Marketplace:

1. Przejdź do Miro Marketplace lub skorzystaj z tego bezpośredniego linku do aplikacji Mermaid.
2. Wybierz zespół Miro, aby dokończyć instalację.

Możesz też zainstalować aplikację z paska narzędzi tworzenia:

1. Na pasku narzędzi tworzenia po lewej stronie Twojej tablicy wybierz Narzędzia, media i integracje (+). Otworzy się panel Narzędzia, media i integracje.
2. Na karcie Narzędzia wyszukaj i wybierz Mermaid Diagrams.
3. Otworzy się panel aplikacji Mermaid Diagrams, a aplikacja zostanie dodana do Twojego paska narzędzi.

✏️ Uwaga: Użytkownicy niebędący administratorami nie mogą instalować aplikacji, jeśli instalacja aplikacji jest ograniczona w ustawieniach zespołu.

Tworzenie i dodawanie diagramów do tablic Miro

Po zainstalowaniu aplikacja Mermaid umożliwia tworzenie diagramów za pomocą kodu tekstowego i dodawanie ich na tablicę jako obrazy.

Po instalacji znajdziesz aplikację Mermaid na pasku narzędzi tworzenia. Aplikacja otwiera się z domyślnym przykładowym kodem. Gdy modyfikujesz kod, aby zbudować diagram, podgląd po prawej odświeża się na bieżąco, dzięki czemu od razu widzisz zmiany.

Aplikacja Mermaid zawiera kilka przykładowych diagramów, do których masz dostęp w lewym dolnym rogu panelu. Możesz wybrać jeden z nich i dostosować go do swoich potrzeb.

Możesz zmienić rozmiar panelu edytora kodu, przeciągając jego prawą krawędź.

Zmiana rozmiaru panelu edytora kodu

Po zakończeniu tworzenia diagramu kliknij Dodaj do tablicy. Diagram zostanie dodany do tablicy jako obraz.

Dodawanie diagramu do tablicy

Edycja istniejących diagramów

Możesz też modyfikować diagramy Mermaid, które znajdują się już na Twojej tablicy Miro.

1. Kliknij obraz diagramu Mermaid na tablicy, aby go zaznaczyć.
2. Kliknij ikonę Mermaid w wyświetlonym menu kontekstowym (lub znajdź ją na pasku narzędzi tworzenia).
3. Otworzy się edytor Mermaid z kodem diagramu. Wprowadź zmiany w panelu edytora kodu.
4. Kliknij Zaktualizuj diagram.
5. Zostaniesz przeniesiony z powrotem na tablicę Miro, a diagram na niej zostanie zaktualizowany zgodnie z wprowadzonymi zmianami.

Dodatkowe informacje

Poniżej znajdziesz dodatkowe zasoby i informacje dotyczące pracy z diagramami Mermaid w Miro.

Składnia i dokumentacja Mermaid

Aplikacja Mermaid używa specyficznej składni do generowania diagramów z tekstu. Szczegółowe informacje o składni, w tym o obsługiwanych typach diagramów i opcjach, znajdziesz w oficjalnej dokumentacji Mermaid. Do tej dokumentacji możesz też przejść z lewego dolnego rogu panelu aplikacji Mermaid w Miro.

Udostępnianie i eksportowanie diagramów

Po dodaniu diagramu Mermaid do tablicy jest on traktowany jak obraz. W razie potrzeby możesz pobrać ten obraz bezpośrednio z tablicy. Aby współpracować z innymi, możesz udostępnić tablicę Miro zawierającą diagram.