Package detail

design-engine-playground

de-ai12ISC0.3.0

A CLI to create a design engine playground

adobe, adobe-xd, adobexd, adobe-plugin, xd-plugin, figma-plugin, sketch, sketch-plugin, design-system, design, design-systems, design-module, design-npm-module, design-package, design-plugin, design-system, designer-system, design-system-module, designer-module, designer-plugin, css-design-system, css, node, node-module, javascript-module, javascript, code-to-design, design-to-code

readme

design-engine-playground

A CLI for syncing code components to design components in Adobe XD, Figma, & Sketch. Design Engine mirrors code components with design components for teams to consume & re-use keeping design systems intact.

Install

$ npm install design-engine-playground
$ npm link design-engine-playground

Add postbuild script to your package.json:

"postbuild": "design-engine-playground"

Usage

Design engine playground will automatically start after npm run build completes successfully.

A new playground will be created on its first run. Additionally, a new browser tab will open to the playground URL on first run.

Future builds will only display execution logs and your link to the playground URL