preface

As a programmer, in the process of project development will certainly need to draw a lot of figure, prototypes, flow chart, UML diagrams, mind mapping, the topology and so on, find a good tool is certainly can greatly improve the work efficiency, here is to share the two paragraphs I normally use more drawing tools (it is not advertising, not promotion, just simple tools to share).

The body of the

1. ProcessOn

1.1 an overview of the

ProcessOn is an excellent online graphing tool that I use for most of my work and writing, but can only save up to nine documents for free. If I exceed that number, the most straightforward way is to pay.

Is there any other way to get a higher number for free? The answer is yes, as follows:

  • Improve personal information: Improve personal information to 100% will send 5 documents;

  • Pay attention to the public account, reply “capacity expansion”, fill in the form as required will also send 3 documents;

  • Post your own template, get 5 likes, send a document (I haven’t tried this recently, it was ok before);

  • To invite a friend to register, ProcessOn will send three documents, as required.

1.2 Demo and Function introduction

ProcessOn is very simple to use, enter the page (www.processon.com/), directly register an account, for the convenience of binding wechat, subsequent scan code directly login line, go to create their own files, as follows:

Then click on the corresponding file and you can do anything in it, like this:

A brief talk about the layout of the interface, the function of the inside little friends into the point to understand, usually use the map, basically can be achieved here.

If the drawing, thinking lack of inspiration, you can also view the template of other partners, or even directly clone the use, but some need to charge, but sometimes what we lack is a kind of inspiration, many templates, casual reference, as follows:

Secretly, if the free document is limited, you can draw more images in a document, such as the following:

The specific operation will not be detailed screenshots, small partners can casually go to the point, I believe you must like.

2. Draw.io

2.1 an overview of the

Draw. IO is a free online chart editing tool that can be used to create flow charts, BPM, UML, ER diagrams, network topology diagrams, etc., but it does not provide storage, requires simple configuration, can be saved on local devices, GitHub, GitLab, etc.

This use that cool, really do not charge, think how to do how to do, so the recent use of the center of gravity is more partial to this tool;

Inside a variety of shapes and ICONS, and configuration style is really flexible, but also good-looking. Here’s a simple demonstration.

2.2 Demo and function introduction

Initialization: load the corresponding script, don’t worry about this, just wait;

IO/access can be directly input address draw. IO/access, the initial will be initialized for a while, if the network does not give force, wait a little longer:

Select storage location

After initialization, select the specified storage location, that is, specify a storage location for the finished image. There are four options, as follows:

OneDrive integrated cloud storage, this I did not use, first do not introduce, hey hey hey ~~~;

Device is saved to the current computer, select the specified folder, the disadvantage is that it is not convenient to change the computer;

GitHub and GitLab, create a public storage, according to the steps of authorization, finally can be stored in the designated storage, the advantage is that there is no change of computer, can be loaded from GitHub or GitLab at any time;

Begin to use

After selecting the specified storage location, you are ready to use it.

When creating a new diagram, there are a number of templates to choose from, as required:

Next you can enter the drawing interface, icon and control super rich, setting style is very flexible, but also good-looking, as follows:

You can configure common shapes and ICONS as required, as follows:

The detailed operation is not screenshots, small friends go into a little know, the two drawing tools are actually very similar in operation and layout, use feel very good;

There is no limit to the number of documents you can save, so you can create as many as you like without being stingy with ProcessOn.

conclusion

Both are online graphics tools that don’t require installation and are mostly fun to use.

Overall, both tools feel similar in terms of drawing experience; For storage, ProcessOn is relatively convenient and does not require configuration.

As for tool sharing, I will continue to update some tools that I think are good in the future. Pay attention to “Code Variety Circle” and learn with me.