To do a good job, you must sharpen your tools.

I believe that each front end has experienced the use of PS manual cutting map of the original technique, sometimes lazy, will directly use QQ screenshots, now think is really born young, how convenient how to ~

At that time, I was thinking that it would be great if I could have a magical device to help me liberate the “physical work” of Chetu.

And here it comes

Copy guest, front-end necessary development artifact

As a new generation of product collaborative design platform, Moke has fast and simple intelligent labeling and automatic drawing cutting functions, which perfectly solves the problem of labeling and drawing cutting in the product development process and greatly reduces the originally boring physical work. However, its “stunt” functions are far more than these:

1) Free cutting map download function

Moke upgraded the “slash-and-burn” style of cutting image several years ago, supporting the upload, automatic cutting image and annotation of Sketch, Photoshop, Adobe XD and Figma design draft, which can greatly improve the efficiency of design draft delivery.

Copycat can help us to automatically convert the size of all images on different platforms (iOS/Android/Web), in addition, in the right panel, you can also customize the size of the image, quickly adjust the size of the image;

In addition, you can also cut diagram compression, bid farewell to the second processing of the cut diagram file, better experience;

Above function, copy guest let front end engineer’s operation, completely simplified to “one key in place”.

2) Practical format conversion function

Nowadays, the picture formats commonly seen on the web page include: PNG, JPG, GIF, but there are many network services to consider the flow and speed problems, front-end engineers need to turn the picture into WebP format;

If you let the front end to manually convert the picture format, this boring and tedious brick work, it is estimated that the minute will be forced to resign ~

And copy guest, perfect solution to this problem. When exporting cut diagrams, you only need to select WebP format in the right panel. Of course, it also supports conversion to other formats, such as JPG, PNG, and SVG.

After proficiency, you can also use copy as a picture format converter.

3) Comprehensive image annotation function

Labeling this piece, can be said to be the most adept at copying, domestic exclusive automatic labeling + manual labeling, not afraid of unclear description of design details;

At the same time, the front end engineer can also use a magnifying glass to view some of the fine annotation information, to ensure the degree of restoration of the design draft;

Moreover, intelligent labeling can not show the information, copy manual labeling to make up for! In addition to intelligent marking, designers can also “manually mark” the design draft in the copycat, coordinates, size, color, text, and any information you want to convey can be described by using these small tools.

The appearance of copy guest can be said to be to liberate the designer from the state of unbearable burden.

4) Leading design specification management

Keydesign system is the only product that supports simultaneous display of [development variable name] in China.

Designers only need to set up the corresponding variable name and component code in the design resource library. Front-end engineers can simultaneously obtain this information when viewing annotations, and no longer need to spend time and effort to retrieve development documents, and worry about whether variables are used correctly, greatly reducing communication costs.

As long as the design project is well associated with the specification, the corresponding color variable, font variable and component code will appear on the property panel, which can be copied successfully with a simple click, and the engineers in the preceding paragraph can quickly refer to their own code.

Of course, Mick also supports one-click export of style codes, so front-end engineers can reuse them with one click to maintain design consistency;

It seems that to quickly improve the docking efficiency between designers and engineers, only a “copycat design system” is needed.

Write in the last

Copycat eliminates inefficiencies for design and development teams, allowing front-end engineers to spend their time on the right things!

In addition to the above functions, Mick also supports online prototype design, flow chart, writing PRD documents and design specification documents and other black technologies. Not only can it help designers to easily design and deliver products, but also product managers and developers. With copy guest, the design collaboration problem is solved, the product team highly efficient collaboration, double the work efficiency!

If you want to experience it, you can click on the link below to experience it online

https://www.mockplus.cn/