Imgcook It is a tool that can convert designs into codes. It can help front-end developers improve development efficiency and help companies reduce labor costs. It is produced by Alibaba.
imgcook We focus on using visual drafts in the form of Sketch, PSD, static images, etc. as input, and use intelligent technology to generate maintainable front-end code with one click, including view code, data field binding, component code, some business logic code, etc.
imgcook The main function of the visualOne-clickreductionand visual editing based on restoration,Sketch/Photoshop The restoration of the design draft starts with installing the plug-in, and exporting the visual draft through the plug-in in the design draft JSON Paste the description into imgcook A visual editor in which you can perform view editing, logic editing, etc. After generating the code, you can export the code to a local computer or your project file.
Imgcook Features
Supports multiple design types: export designs using plugins or upload design files in the Imgcook editor.
Intelligent and highly maintainable: reasonable DOM nesting, relative positioning layout, semantic class names and automatic loop identification.
Support 10 types of code generation: The official provides 10 DSLs, such as react, rax, Vue, and mini-programs, which can generate different types of code. Users can also customize DSL to generate any code that meets their needs.
Integration into R&D process: Provides multiple ways to seamlessly connect to your R&D process after code generation.
Custom plug-ins: When using Imgcook to export the generated code, you can use custom plug-ins to process the code products, such as automatically uploading images to your own image space, file directory conversion, etc.
Imgcook CLI: Imgcook CLI can integrate the code products generated by the Imgcook platform into your local project and integrate them seamlessly into your R&D process through plug-in capabilities.
Imgcook Visual Studio: To match the powerful engineering capabilities of VS Code, we provide the VSCode Imgcook editor plug-in. You can paste the data exported by the design tool into the VSCode Imgcook editor plug-in to generate code and export it to the corresponding folder directory.
Custom components: In order to allow developers to use their own components on the Imgcook platform, we provide an open material system that supports the configurability, identifiability, intervention, rendering and code output of the component library.
Official website address:https://www.imgcook.com/