In order to facilitate the new pit of UI design lion and front-end development siege lion can more smoothly read through this article, first, to a simple popular science on the end of what is cut map (veteran can directly ignore)?
Generally speaking, cutting map is to cut the design draft into pieces, and then the front-end fortress lion through div+ CSS function to restore the design map to the maximum, that is, to integrate fragmentary pictures into a complete picture. That why want to cut the map, UI design lion after finishing the design draft to the siege lion masturbation code is not done? In fact, a complete design is made up of different elements, such as logos, background images, ICONS, text, etc., and some elements, such as the front-end siege lion, cannot be implemented in code, so they need to be used separately.
Well, I won’t go into the rest. If you want to learn more about this, you can imagine. To describe its importance in a sentence, cutting map is an indispensable step in the actual development process, the output of cutting map resources will directly determine the effect of the final product. If it’s so important, who’s in charge of cutting the map? Is it UI design lion or development siege lion?
We often see a fight between the UI design lion and the front-end siege lion. UI design lion said: “We have output the high fidelity renderings, cut the map that kind of dirty work should not be the siege lion to solve?” “Design is much more professional,” says Siege Lion. “Our job as developers is to focus on the code.” . The debate will never be settled. There are both sides.
From my personal experience, carving is a skill that both lion design and siege lion must master. As a design lion, you only know your own design draft in what form to show; Besides, shouldn’t you raise your own children? As the siege lion of you, in case the UI design lion can’t come to work one day, you will strike? You must always believe the saying, “more skills than weight”. So we, the design lion or the siege lion, have to do the dirty work in silence?
Of course not, see here you have a blessing, xiaobian next to recommend you to help you easily and efficiently output automatic cutting map and labeling artifact – copy. From now on, free your hands, say goodbye to manual work, so that the siege lion can also be like design lion cut map. Lead everybody to come together below taste copy guest window function.
Automatic cutting figure
For different scenarios, the specification of the cut diagram will be different. UI design lion only needs to mark the elements that need to cut the map in the design draft, and after importing it into the copycat, you can download the cut map of various rates, which is convenient to adapt to various platforms. For example: IOS @1×, @2×, @3×; Android MDPI, HDPI, xHDPI, xxHDPI, xxXHDPI; Web @1×, @2×, etc.; PNG and SVG formats are supported.
Smart label
After importing the original design manuscript made in Sketch, PS and XD into the copycat, you can easily view the intelligent annotation. In addition, you can display percentages and select multiple layers at once and label them intelligently. All style code can be exported automatically.
A magnifying glass
Too many design elements, automatic labeling too dense to see? Local magnification is supported in the copyer, which will not lead to blurring of the annotation while enlarging the annotation information, and can be enlarged at will.
Find the same element
Support one click to find any repeated elements in the page (such as text, color, margin, width, etc.), a search, you can see all.
Document management
Support for multiple attachment documents, upload and share files of any type, and support for direct online previews of multiple product documents, including prototype demos of Axure, Justinmind, Mockplus, Office document previews, image file previews, PDF and text file previews. At the same time, support groups, team collaboration is more convenient.
This is part of the function of copy guest, how about it? As a design lion or a siege lion, are you still afraid of Chetto? Are you afraid that teamwork and communication are difficult? Do you want to experience this artifact immediately? Come and try it!