OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
AI Developer Tools & SDKs

Imgcook

Imgcook is a design-to-code tool that converts Sketch or Photoshop design descriptions into front-end view code, data bindings, components and some business logic. Its workflow combines design-tool plugins, a visual editor for adjustments and code export; the project also documents a CLI, VS Code plugins and support for custom DSLs and plugins.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Imgcook — OpenViST project profile in AI Developer Tools & SDKs.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Consider Imgcook when turning supported design drafts into page or module code, particularly for mobile promotion pages and fine-grained mobile modules, which the project specifically recommends.

Who it is for

  • Designers preparing design drafts for development handoff.
  • Front-end developers seeking generated code to edit and export into a project.

Documented uses

  • Convert a Sketch or Photoshop design description into front-end code.
  • Adjust generated views and logic in a visual editor before export.
  • Use documented CLI or VS Code tooling and customize workflows with DSLs or plugins.
Before you choose

Requirements & limits

  • Sketch and Photoshop design conversion requires installing the corresponding design-tool plugin and exporting a JSON description.
  • The visual editor supports adjustments to views and logic before code export.
  • The project marks rich-interactive PC applications and game development as not recommended.
  • CLI and VS Code plugins are identified, but specific command and setup procedures are not detailed here.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Generate and export code from a Sketch or Photoshop design

Use a design-tool plugin and visual editor to create and export front-end code from a design description.

Before you start

  • A Sketch or Photoshop design draft
  • The relevant Imgcook plugin installed in the design tool
  • Access to the Imgcook visual editor

Steps

  1. Install the plugin in the design tool.

  2. Use the plugin to export the design draft's JSON description.

  3. Paste the JSON description into the Imgcook visual editor and adjust the view or logic.

  4. Generate the code and export it to a local destination or project file.

Expected outcome

A generated code export that can include view, data-binding and component code, plus some business logic.

Guide limitations

  • The workflow describes generating from design descriptions; it does not specify project setup or integration steps after export.
  • Generated output may need review and project-specific work.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
17 October 2026
Original website title
imgcook/imgcook · Official homepage title · retained in its source language
How we review sourcesSuggest a correction