Sketchapp.com Sketch
$ html-sketchapp -viewports.Desktop 1024x768 -viewports.Mobile 320x568 -file sketch.html -out-dir dist If multiple screen sizes are provided, the viewport name will be being appended to all symbol and text style names. For example, Button/Primary will be exported as Button/Primary/Desktop and Button/Primary/Mobile.
Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.
Optionally, you can set the pixel density for a given viewport by adding an @ followed by the desired scaling factor to the end of the viewport's resolution. For example, you can simulate a 1.5x and 2x display like so. $ html-sketchapp install Then, open a new Sketch document and, from the menu, select Plugins From.Almost. Sketch to Sketch. In the file picker, select both document.asketch.json and page.asketch.json, and click Choose. You should now have your symbols, text styles and document colors available within Sketch! 💎 🎉 Advanced Usage Debug mode If you need to see what Puppeteer is doing, you can provide the -debug flag which will do the following things:.
Turn off headless mode. Bring the browser window to the front. Forward console calls to the terminal. Stop the browser from closing until you exit the CLI tool For example. $ html-sketchapp -puppeteer-args= '-no-sandbox -disable-setuid-sandbox ' -file sketch.html -out-dir dist Note: Because Puppeteer args are prefixed with hyphens, you must use an equals sign and quotes when providing this option via the command line (as seen above). Puppeteer waitUntil By default, Puppeteer is configured to consider the page loaded when there are no more than 2 network connections for at least 500ms ( networkidle2). This is so that html-sketchapp-cli can handle development environments with long-lived connections.
Sketchapp Com Sketch
If the page you're requesting has 2 or fewer resources that stall for longer than 500ms and doesn't complete loading, you can switch back to networkidle0 via the puppeteer-wait-until argument.