中EN Submit a tool
Back to filtered results

Imgcook

AI Coding

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.

Verification level not recorded · · Submit a correction

Visit website
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.

Decision facts

“Not verified” means evidence is insufficient, not that the capability is absent.

CategoryAI Coding
Evidence statusVerification level not recorded
PlatformsNot verified
AvailabilityAvailable
Chinese UINot verified
Mainland ChinaNot verified
Commercial useNot 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

Evidence status: Verification level not recorded

Sources: www.imgcook.com (opens in a new tab)
Content reviewed: · Submit a correction →

Alternatives to Imgcook

All in this category