English | 简体中文
A intelligent tool that converts design to code.
imgcook is an ingenious chef who specializes in cooking with various images (Sketch / PSD / static images). it will intelligently generate front-end codes, including view codes, data-binding codes, component codes as well as part of business logic codes from different kinds of design documents.
Our Website: https://www.imgcook.com
Design to code
imgcook has no strict constraints and requirements on the design draft, but it can still make the reduction effect more friendly through some simple specifications. For example, divide the layers belonging to the same module into a group, and merge multiple drawings. Please refer to the basic specifications of the design draft for details.
After the plug-in is installed successfully, open the [content.Sketch] file, and click 「Plugins」 - 「imgcook」 - 「打开/关闭面板」 to call up the imgcook panel to assist visual adjustment.
In the imgcook visual editor, we can edit views, such as supporting dynamic expression styles, setting loops, and modifying layouts. You can also write logic code, bind fields, and more. It is recommended that you read the editor introduction before starting.
Please click "save" before generating the code. If the page changes, the editor will also monitor and remind you. Click "导出" after saving to view.
From JSON description to code. We need to write DSL to analyze. We have official DSL. You can also customize DSL.
For general help using imgcook, please refer to the documentation. For additional help, you can use one of these channels to ask a question: