To help you create charts/flowcharts online Gliffy

Today @ not to the cloth to the students Amway a super practical online artifact, you can create flowcharts, UML diagrams, wireframe, BPNM, organization chart, site map and other kinds of charts, and a lot of intimate features, to one by one feel.

Before writing Daigo cheese, I made a big picture. It can be said that at that time, the writing of the text to look at the text only accounted for half of the total energy, the remaining half of the mapping ><.

In my memory, this kind of picture with Axure or AI is not not can not be painted, but good to die my computer does not have these two software also do not want to install. I believe that the almighty Internet will give me the answer! After some screening, I also succeeded in finding the right it XD, it is--gliffy.

Gliffy is a tool-type site that can create flowcharts, UML diagrams, wireframes, BPNM, org charts, site maps, etc. online. Can sync Google, Microsoft and the famous no site account, you can also use the mailbox registration. Free users have a 30-day unlimited probation period, after the probation period, some components will be locked (mainly UML and wireframe parts), can not save the private chart, and save the chart limit to 5 sheets. For most ordinary users, it is enough.

Can be in the first direct point start drawing or login account can start drawing, login account to save the chart Oh ~ The interface after the new chart is this

The top two lines are the menu bar and toolbar, the left side is the component library, and the largest blank area on the right is the editing area.

The way to paint is also very simple ... is to put the components of the left component library, drag ~ ~ ~ to the right to be able to. When the component is selected, the right side of the component appears

Such a button, click on the left button after the Component property settings:

It should be quite easy to understand ... The first row from left to right are fill color, border (line) color, border (line) thickness, border (line) type, gradient (its gradient is automatic, can not manually adjust), projection (also can not manually adjust), transparency. The following are the rotation angle of the coordinate dimension and the locking function respectively.

When selecting multiple components at the same time, the Settings tool will be different, open is more than a row of alignment tools, familiar with any one of the drawing tools students should be familiar with the meaning of these icons, the unknown words point of view to know.

property to set the right of the A Word button, as the name suggests is to modify the text settings. Just double-click on any one of the components to add text to it (if it is a connector, you can add more than one paragraph of text, where you double-click, where it will be added, add good text position can also be dragged to modify, although can not set the text margin, but the text position, alignment of these can still be modified.

In addition, it provides the font size of the modification tool, but the tool for the support of Chinese ... In general, the default exported pictures can only be sung (Windows), of course, you can also choose to export SVG and then change the code or into the AI edit.

When it comes to connectors, you use the connection tool provided by Gliffy:

From left to right are 1. Undo/Redo; 2. combination/dissolution combination; 3. Place at the top/end; 4. Hyperlink tool; 5. Popup tool; 6. format brush; 7. Text; 8. Shape 9. The connection/straight line; 10. Selection; 11. Move the canvas; 12. Zoom; 13. enlarge/shrink; 14. Automatic auxiliary line 15. Grid 16. Snap to Grid; 17. theme; 18. layers.

Select the Connection tool (9), the component will appear a lot of small cross, after the mouse moved over, the corresponding cross will become green circle, click and drag to the other component to connect to go up on it. Then remember to choose Back to the selection (10) state, click the connector, you will appear

Such an edit button, the same point on the left, the property settings will appear in the window.

The first two are the style of the initial arrow and the end arrow, and the last type is a line style, with lines, polylines, rounded polylines, and curves four choices.

Finally, I would like to commend its theme ... After the theme button (17) is clicked on the toolbar, the default theme selection appears on the right side of the interface

Hover on the mouse can see the style, click can be applied, very convenient, the point is, are quite good-looking.

When all is done, you can export it. The format has PNG, JPG, SVG, and Gliffy optional. PNG is not a transparent background this is not particularly good ... Of course, exporting SVG is no problem at all.

PS: In addition to my above, gliffy also has table functions, layer management, insert pictures, direct printing, and other functions, because I did not use, do not say more XDD more detailed function instructions can refer to their use of instructions, although are in English, but with a lot of not afraid do not understand ~

In order to compare, also found a lot of other online tools, remove the use of Flash website ... There's not a few left. Here the comparison is recommended to use is Draw.io, the advantage is completely free, the disadvantage is the need to own ladder and the theme is not good to see =3=. In addition, if only the structure or brain violence map, can also choose a variety of brain mapping tools, such as Baidu brain map, the advantages of course is simple operation, the shortcomings are caused by the poor nature.

BTW, please do not keep any documents involving company secrets on the Web, you know.