EN Submit a tool

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

Editor's note

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

CategoryAI Coding
Human verified

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

  1. Register and log in to an Imgcook account
  2. Export design layers via the Sketch/PSD/Figma plugin
  3. Paste into the visual editor and refine views and field bindings
  4. Pick a target DSL such as React, Vue, or mini-program
  5. 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 →

Alternatives to Imgcook

All in this category