F(X) Team of Ali Tao Department – Su Chuan
Can design scripts intelligently generate code? Imgcook to help!
Imgcook.com is an intelligent design code generation platform that helps you automatically generate high quality front-end code.
The 2020 Double 11 90.4% front end module is automatically generated by IMGCook! Welcome to experience ~
What if the layers given by the designer are too confusing?
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 you want to put together
👇 👇 👇
The generated DOM tree is 100% as expected
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 for the layers to be put together
For example, combine multiple layers of atmosphere into one image
👇 👇 👇
Select and merge the images for the layers to be put together
👇 👇 👇
Select and merge the images for the layers to be put together
Combination “merge” + “group”
Imgcook supports automatic merges and groups
No manual “merge” + “group” operation
Also can automatically generate high maintainability of code oh ~
If your design is particularly confusing, try using these two methods.
👇 👇 👇
Combine + group is used together
👇 👇 👇
Can generate 100% accurate code
👇 👇 👇
View the generated code
Did you, uh, fail school?
😇 😇 😇
Imgcook.com helps you generate code automatically
The final skills
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.
