Mondrian – Easy To Use Vector Graphics Editor

In a margin of striking design, there are dual forms of striking format: pixel and vector. Each form has a possess strengths and limitations. If we confirm to go with a vector, there are a garland of accessible matrix striking collection to use. Adobe Illustrator is one of a best and many renouned one generally in a margin of web pattern for formulating SVG.

If you’re looking for an choice to Illustrator that is free, unstable and not too complex; afterwards we contingency take a demeanour on Mondrian. Let’s dive in and see what this web-app is able of.

Recommended Reading: A Look Into: Scalable Vector Graphics (SVG)

Getting Started With Mondrian

Mondrian is an online vector-based editor that is elementary and easy to use. With a minimalistic and prosaic UI, we won’t have any problems regulating it. The UI also has a smart feature that usually shows a utilities that can be used during that moment.

To get started, we’ll import a accessible albq.svg pattern that is already in a web-app itself. Just go to File Open….

Basic Editing

For simple matrix editing, Mondrian has a operation of collection and facilities to start with. Each apparatus and some facilities have their possess by-pass key. This is useful if we need easy entrance but touching a mouse.

There are about 10 collection we can use to manipulate a vector including a coop tool, a crayon tool, scaling and revolution for figure manipulation, typography, wizz and more.

In a menu, we can find some other facilities for additional assistance like import/export, opening files, copy/paste, undo/redo (through record story API), uncover a visible history, uncover a grid, positioning and pity option.

When we float over any shape, we can see and revise a trail we created.

After we name a shape, a distance choice window will appear. Here we can conclude a size, position or density of a shape.

Zoom In And Out

Zooming in and out of a pattern can be achieved in 2 ways. You can use a magnifier potion icon from a collection list. To wizz in, simply strike left click and right click to wizz out. But with this way, we can’t wizz out over a tangible size. Alternatively, we can use a wizz underline from a menu. You can wizz in and out as most as we wish and revive it to a tangible distance easily.

Unfortunately, when regulating this underline (at a time of writing), we found a bug. After we wizz in or out and float a path, it won’t follow a shape’s tangible position. To repair this, we can revive it to a tangible size. If it still doesn’t work, usually reload a page.

Import And Export Files

To import some files, usually navigate to File Open menu. You can usually open/import files in SVG format. As settled in a simple doc, a import underline uses FileReader API. If we wish to trade a pattern itself, we can download it as a SVG or PNG (this uses canvas API).

DropBox Sync

One of cold things we found in Mondrian is a ability to sync with Dropbox. With this feature, all of a SVG files in your Dropbox are simply accessible and displayed by a “Open” menu. To activate this, we contingency firstly pointer in to a app. Easily pointer adult by clicking a tip right button.

Once we have sealed in, we can navigate to File Connect to Dropbox… and concede a app entrance to your Dropbox.

Final Thought

Besides being free, Mondrian is also open source. If we wish to implement this app locally and use it offline, conduct over to a Running a app request to see how. With Mondrian, now we can pattern any SVG trademark or idol whenever and wherever we want.

Mondrian – Easy To Use Vector Graphics Editor