HTML to Sketch export solution. html-sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows exporting of shared text styles and document colors. The motivation behind this project was ability to easily share Front-End style guide with our Design team. html2asketch is a library that you can use to create a script that extracts specific parts of your website and saves them as layers, shared text styles, document colors and symbols. Your script can then be run in a regular or a headless browser.

Features

  • Turns HTML nodes into Sketch layers or symbols
  • Export shared text styles and document colors
  • All fonts have to be locally installed
  • Create .asketch files
  • Import .asketch files to Sketch
  • Your script then can be run in a regular or a headless browser

Project Samples

html-sketchapp Screenshot 1

Project Activity

See All Activity >

Categories

HTML/XHTML, Headless Browsers

License

MIT License

Follow html-sketchapp

html-sketchapp Web Site

Other Useful Business Software
Full-stack observability with actually useful AI | Grafana Cloud Icon
Full-stack observability with actually useful AI | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of html-sketchapp!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript HTML XHTML, JavaScript Headless Browsers

Registered

2023-04-21
Report inappropriate content