Come usare il creatore di diagrammi di flusso
- Aggiungi una forma Inizio / Fine, Processo o Decisione. L'esempio è già modificabile: puoi anche rinominare, spostare o eliminare le sue forme.
- Seleziona una forma per cambiarne tipo o colore nel pannello. Fai clic sul testo per modificarlo direttamente. Trascina il corpo della forma per spostarla; anche i tasti freccia spostano la selezione.
- Trascina dal punto di collegamento superiore, inferiore, sinistro o destro verso un'altra forma. Seleziona la linea per modificarne etichetta, stile continuo/tratteggiato/punteggiato ed entrambe le punte. La tavolozza superiore aggiunge forme separate.
- Usa Annulla o Ripristina durante la modifica, ingrandisci e sposta la vista quando il diagramma cresce, poi scarica SVG per un'immagine scalabile o PNG per un'immagine pronta da inserire.
Cosa significano le forme
La forma arrotondata Inizio / Fine indica dove comincia o termina una procedura. Il rettangolo Processo è un'azione come “Controlla scorte” o “Invia conferma”. Il rombo Decisione pone una domanda le cui frecce in uscita hanno normalmente etichette come Sì, No, Superato o Riprova. Sono convenzioni, non regole imposte: l'editor non inventa passaggi, non valuta decisioni e non esegue processi. Mantieni le etichette brevi e, se necessario, metti i dettagli nel documento che accompagna il diagramma.
Esempio: flusso di approvazione
Parti da Inizio, collegalo a “Esamina richiesta” e collega quel processo a “Approvata?”. Aggiungi una forma Fine chiamata “Pubblica” e un processo “Rivedi richiesta”. Disegna una freccia Sì dalla decisione a Pubblica e una No verso Rivedi richiesta; collega quest'ultimo a Esamina richiesta se la procedura si ripete. Spostare la decisione mantiene le frecce agganciate, perché i collegamenti si riferiscono alle forme, non alle vecchie coordinate. L'esempio mostra ciclo, diramazione ed esiti etichettati senza chiedere allo strumento di decidere quale sia corretto.
Esempio: elenco di controllo per l'assistenza
Crea Inizio, “Leggi ticket” e la decisione “Informazioni sufficienti?”. Collega Sì a “Indaga il problema” e No a “Chiedi dettagli”. Concludi entrambi i percorsi in “Rispondi al cliente” e poi Fine. Duplica un processo quando due passaggi richiedono parole simili e modifica la copia. Il duplicato non copia le frecce, evitando che un collegamento inosservato cambi il significato del percorso di assistenza.
Selezione, spostamento e cronologia
La forma selezionata ha un contorno tratteggiato e due azioni: duplica ed elimina. Testo, colore e tipo sono modificabili nel pannello; cambiare tipo conserva nome e collegamenti. La tavolozza aggiunge nuove forme e i quattro punti collegano quelle esistenti. Puoi anche attivare un punto e premere Invio, poi attivarne un altro e premere Invio per collegarli da tastiera. Annulla e Ripristina sono le icone in alto a destra dell'area. Ogni aggiunta, eliminazione, trascinamento o modifica completata di testo, colore o stile della linea è un passaggio della cronologia. Ctrl/Command+Z, Shift+Ctrl/Command+Z e Ctrl+Y funzionano fuori dai campi di testo. Le frecce spostano la forma selezionata; Canc la elimina. Anche Cancella è annullabile.
Limiti dell'area e dei file
L'area è finita, con coordinate 1,200 × 760, al massimo 40 forme, 60 collegamenti orientati, 60 caratteri per forma e 36 per etichetta di ramo. Le forme si fermano al bordo. Questi limiti mantengono prevedibili interazione e generazione: non è una lavagna infinita. SVG conserva forme vettoriali e testo XML selezionabile, anche se le metriche del font possono variare secondo il visualizzatore. PNG viene generato a 1,200 × 760 pixel su sfondo bianco. Griglia, contorni di selezione, controlli, zoom e posizione della vista sono esclusi da entrambi i file.
Salvataggio, privacy e compatibilità
Le modifiche restano nella scheda e lo strumento non le carica altrove. Il download è un'esportazione di immagine, non un backup modificabile del progetto: ricaricare, uscire o cambiare lingua elimina il diagramma. Salva prima un SVG o PNG. SVG è adatto a destinazioni che accettano immagini vettoriali e richiedono ridimensionamenti puliti; PNG è di solito più semplice per email, chat e documenti che richiedono bitmap. Non sono previsti account, sincronizzazione cloud, collaborazione, diagrammi generati dall'IA, modelli, disposizione automatica, importazione modificabile o garanzia che un altro editor ricostruisca i collegamenti originali.
Risoluzione dei problemi
Se un collegamento viene rifiutato, usa due forme diverse senza una freccia esistente nello stesso verso. Allontana le forme se mancano percorso libero o spazio per l'etichetta. Le linee aggirano i bordi delle forme; le etichette si collocano vicino al centro del percorso senza sovrapporsi a forme o altre etichette. Accorcia nomi troppo lunghi. Usa Adatta per recuperare la vista e trascina lo spazio vuoto per spostarla. Se la creazione PNG fallisce, prova SVG. Prima di condividere, verifica ogni freccia e il significato delle etichette.
Domande frequenti
Il creatore genera diagrammi da testo o con l'IA?
No. Aggiungi, etichetti, colleghi e posizioni ogni forma. Non analizza prompt e non inventa processi.
Perché i collegamenti sono scomparsi eliminando una forma?
Una freccia richiede entrambe le forme agli estremi. Eliminare una forma rimuove anche tutte le frecce collegate, evitando collegamenti senza destinazione nel file.
Posso modificare il file scaricato in seguito?
Molti strumenti vettoriali aprono SVG, ma questa pagina esporta un'immagine, non un progetto. Reimportazione e modifica completa dei collegamenti non sono garantite.
Le frecce restano collegate quando una forma si sposta?
Sì. Editor ed esportazioni calcolano gli estremi dalle posizioni attuali delle forme sorgente e destinazione.
Qual è la differenza tra SVG e PNG?
SVG è markup vettoriale che si ridimensiona senza perdita; PNG è una bitmap fissa da 1,200 × 760. Entrambi contengono le stesse forme, frecce ed etichette correnti.