2020 Tmall Double 11 90.4% front-end module is automatically generated by IMGCook! Welcome to experience ~
Did the designer give you too much clutter?
Imgcook has “merge” and “group” operations?
What? Don’t know? Let me show you!
What is “group”?
You can specify the nested structure of the generated code by “grouping” in the Sketch plug-in
Here is the nested structure I want
👇👇👇 Select, group, group the layers that will be put together
The DOM tree generated by 👇👇👇 is 100% as you would expect
What is a “merger”?
You can merge multiple layers into one image using the merge plugin
You can definitely use this feature!
For example, combine ICONS made up of multiple layers into one image
👇👇👇 Select and merge the images that will be put together
For example, combine multiple layers of atmosphere into one image
👇👇👇 Select and merge the images that will be put together
👇👇👇 Select and merge the images that will be put together
Combination “merge” + “group”
👇👇👇 Combine + group
👇👇👇 produces 100% accurate code
👇👇👇 View the generated code
Did you, uh, fail school?
😇 😇 😇
Imgcook.com helps you generate code automatically
PS:
Imgcook supports automatic merge and group generating maintainable code without manual merge + group operation
If your design is particularly confusing, try using these two methods.
We’ve been working hard to improve the maintainability of generated code. If you have any suggestions, please come to our user group for feedback.
