Imgcook
Imgcook is a free Design-to-Code platform from Alibaba's Taobao team that turns Sketch, PSD, and Figma drafts into maintainable React, Vue, or mini-program code in one click.
Human verified · · Submit a correction
Best for front-end teams that need to turn Sketch/PSD/Figma drafts into React, Vue, or mini-program code quickly; not suited to rich-interaction PC apps or game-like experiences.
Verified facts
What is Imgcook
Imgcook is a free Design-to-Code platform from Alibaba's Taobao team that turns Sketch, PSD, and Figma drafts into maintainable React, Vue, or mini-program code in one click.
Key features of Imgcook
- Restore e-commerce campaign mockups into front-end code in one click
- Auto-generate fine-grained mobile modules via D2C
- Export design layers and bind data fields
- Emit team-standard code with custom DSLs
Good for
- D2C capability proven at Alibaba scale
- Accepts Sketch, PSD, Figma, and image inputs
- Completely free with custom DSL and VS Code plugin export
Watch out
- Not recommended for rich-interaction PC or gaming scenarios
- Restoration quality depends on design-file discipline
- Complex business logic still requires manual coding
How to use Imgcook
- Register and log in to an Imgcook account
- Export design layers via the Sketch/PSD/Figma plugin
- Paste into the visual editor and refine views and field bindings
- Pick a target DSL such as React, Vue, or mini-program
- Export from the web or via the VS Code plugin into your project
Who Imgcook is for
Difficulty: Intermediate
- Restore e-commerce campaign mockups into front-end code in one click
- Auto-generate fine-grained mobile modules via D2C
- Export design layers and bind data fields
- Emit team-standard code with custom DSLs
FAQ
Which design formats does Imgcook support?
Sketch, PSD, and static images, plus a Figma plugin for exporting layer data.
Which tech stacks can Imgcook generate code for?
Official DSLs include React, Vue, and mini-programs, with support for custom DSLs.
Is Imgcook free?
Yes, it is completely free via the Figma, Sketch, and VS Code plugins.
Sources and verification
Sources: www.imgcook.com (opens in a new tab)
Verified: · Submit a correction →