Σύστημα διαγραμμάτων

Δημιουργήστε διαγράμματα ροής, διαγράμματα UML, διαγράμματα δικτύου και συνδέστε οποιαδήποτε οπτικά στοιχεία με έξυπνους συνδέσμους.

Γραφείο ροής διαγράμματος

Επισκόπηση

Το σύστημα διαγραμμάτων παρέχει:

• Σχήματα διαγραμμάτων — Σχήμα ροής, UML και σύμβολα δικτύου
• Έξυπνοι συνδετήρες — Βέλη αυτόματης δρομολόγησης που ενημερώνουν όταν τα σχήματα κινούνται
• Σύνδεσε οτιδήποτε — Σύνδεσε οποιαδήποτε αντικείμενα καμβά (εικόνες, κείμενο, σχήματα, SVGs)
• Auto-Layout — Αυτόματη οργάνωση διαγραμμάτων

Πρόσβαση στον πίνακα διαγραμμάτων

1. Κάντε κλικ στο κουμπί Diagram στην αριστερή γραμμή εργαλείων
2. Ο πίνακας διαγραμμάτων ανοίγει δείχνοντας τα διαθέσιμα σχήματα

Πίνακας διαγραμμάτων

Δημιουργία σχημάτων διαγραμμάτων

Από τον πίνακα

1. Άνοιγμα του πίνακα διαγραμμάτων
2. Επιλέξτε μια κατηγορία σχήματος (Flowchart, UML, Network, Basic)
3. Κάντε κλικ σε ένα σχήμα για να το προσθέσετε στον καμβά
4. Σύρετε στη θέση

Κατηγορίες σχήματος

Σύνδεση αντικειμένων

Γρήγορη σύνδεση (οποιαδήποτε αντικείμενα)

1. Επιλέξτε το πηγαίο αντικείμενο
2. Κρατήστε Shift και κάντε κλικ στο αντικείμενο προορισμού
3. Ένας σύνδεσμος δημιουργείται αυτόματα

Χρήση λειτουργίας σύνδεσης

1. Κάντε κλικ Connect στον πίνακα διαγραμμάτων (ή πατήστε C)
2. Κάντε κλικ στη θύρα του πηγαίου αντικειμένου (μπλε κύκλος)
3. Σύρετε στη θύρα του αντικειμένου προορισμού
4. Απελευθέρωση για τη δημιουργία της σύνδεσης

[Συνδέστε οτιδήποτε] (…/images/diagram-connect-anything.png)

Λειτουργεί με οποιοδήποτε αντικείμενο

Οι συνδετήρες δεν περιορίζονται σε σχήματα διαγραμμάτων. Σύνδεση:

• Εικόνες και εισαγόμενα SVG
• Στοιχεία κειμένου
• Προσαρμοσμένα σχήματα (κύκλοι, αστέρες, ορθογώνια)
• Στοιχεία που δημιουργούνται από γεννήτριες

Στυλ σύνδεσης

Στυλ κύλισης

Στυλ Arrowhead

[Στυλς Connector] (…/images/diagram-connector-styles.png)

Αυτόματο- Layout

Αυτόματη ρύθμιση του διαγράμματος σας:

1. Επιλέξτε τα σχήματα για να οργανώσετε (ή επιλέξτε κανένα για όλους)
2. Κάντε κλικ Auto-Layout στον πίνακα διαγραμμάτων
3. Επιλέξτε έναν αλγόριθμο διάταξης

Τύποι διάταξης

Αυτόματη διάταξη

Παραδείγματα διαγραμμάτων

Γράφημα ροής

! [Flowchart] (…/images/diagram-flowchart.png)

Ένα απλό διάγραμμα ροής διεργασίας με:

• Τερματικά σχήματα για αρχή/τέλος
• Σχήματα διεργασίας για δράσεις
• Διαμάντι απόφασης για τους όρους
• Ορθογώνιες συνδέσεις

Διάγραμμα δικτύου

[Δίκτυο Διάγραμμα] (…/images/diagram-network.png)

Αρχιτεκτονική δικτύου που εμφανίζει:

• Σύννεφο σχήμα για το διαδίκτυο
• Σχήματα εξυπηρετητή για υποδομή
• Διαχωρισμένοι σύνδεσμοι για εσωτερικούς συνδέσμους

Υπόθεση χρήσης UML

[ Διάγραμμα UML] (…/images/diagram-uml-usecase.png)

Διάγραμμα περίπτωσης χρήσης με:

• Σχήμα ραβδιού ηθοποιού
• Χρήση ελλειμμάτων περίπτωσης
• Συνδέσεις σύνδεσης

Κινούμενοι συνδετήρες

Προσθέστε το αποτέλεσμα " bolt" για κινούμενη ροή:

1. Επιλέξτε ένα σύνδεσμο
2. Ενεργοποίηση εφέ Bolt στις ιδιότητες
3. Adjust:
   • Χρώμα — Χρώμα bolt
   • Ταχύτητα — Ταχύτητα κίνησης
   • Μέγεθος — Μέγεθος στεφάνης

Το μπουλόνι ταξιδεύει κατά μήκος του συνδετήρα, δείχνοντας κατεύθυνση ροής δεδομένων.

Συμβουλές

Συντομεύσεις πληκτρολογίου

Σχετική

• [Σύνδεσμοι & συνδετήρες] (/features/arrows) — Εργαλείο βέλους κληροδότησης
• Ανίχνευση — Στοιχεία διαγράμματος κινούμενου σχήματος
• [Επεξεργαστής πλαισίου (/features/keyframes) — Σύνθετες ακολουθίες κινουμένων σχεδίων