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.
Right click on any folder in the VSCode file explorer and select 「Open With imgcook studio」 to start developing.
You can right click on any folder in the VSCode file explorer and select 「Open With imgcook studio」 to start developing. Or alternatively, you can execute imgcook: Open With imgcook studio in the Command Palette to using imgcook in the current project.
To do a quick login, you can click the button 「点我输入 AccessId」 to enter the AccessId provided in the imgcook website.
Next, you can install our Sketch (or Photoshop) plugin from our website.
Once you have installed the plugin, you can export the sketch data and save it temporarily in the clipboard.
After successfully exporting the data, you need to paste it in the imgcook studio.
Here it is! The sketch is now completely transformed into managed imgcook format, and you can customize the styles, properties, or even events and data.
Once you have done with your work, you save the project in the current workspace (local folder).
By export the project, imgcook studio will elegantly generate a workable and readable code project for you.
For general help using imgcook, please refer to the documentation. For additional help, you can use one of these channels to ask a question: