html-sketchapp / Html Sketchapp Example
Licence: mit
Convert any website into an asketch.json file
Stars: ✭ 62
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Html Sketchapp Example
React Handy Renderer
✏️ Draw 2D primitives in sketchy style with React
Stars: ✭ 56 (-9.68%)
Mutual labels: sketch
Sketch Copy Paste Shadows
Copy & paste only shadow styles from layers without others styles getting in the way.
Stars: ✭ 38 (-38.71%)
Mutual labels: sketch
Prism
Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
Stars: ✭ 1,027 (+1556.45%)
Mutual labels: sketch
Sketch Name Organizer
🖌 Rename and sort artboards based on their x and y position; Rename layers based on their Style and Symbol.
Stars: ✭ 50 (-19.35%)
Mutual labels: sketch
Sketch Text Style Master
Sketch plugin providing utilities for working with shared text styles
Stars: ✭ 32 (-48.39%)
Mutual labels: sketch
Sketch
A Common Lisp framework for the creation of electronic art, visual design, game prototyping, game making, computer graphics, exploration of human-computer interaction, and more.
Stars: ✭ 1,026 (+1554.84%)
Mutual labels: sketch
Wz Wireframe Kit
📏 A kit to draw wireframes and note interaction details.
Stars: ✭ 54 (-12.9%)
Mutual labels: sketch
Sketch Foundation Kit
💎 The Foundation for Sites template for Sketch 3.
Stars: ✭ 1,011 (+1530.65%)
Mutual labels: sketch
Persiansupplier
Sketch Plugin for supplying dynamic persian data.
Stars: ✭ 46 (-25.81%)
Mutual labels: sketch
Creature unity
2D Skeletal Animation Unity Runtimes for Creature
Stars: ✭ 50 (-19.35%)
Mutual labels: sketch
Carbon Design Kit
A versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates).
Stars: ✭ 985 (+1488.71%)
Mutual labels: sketch
Chartjs Plugin Rough
Chart.js plugin to create charts with a hand-drawn, sketchy, appearance
Stars: ✭ 59 (-4.84%)
Mutual labels: sketch
Sketch Resize Commands
A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like `b+20,lr+20`. Multiple objects are supported.
Stars: ✭ 32 (-48.39%)
Mutual labels: sketch
Sketch Textbox Fit Content
Set the height of a selected text layer or all text layers in a selected group to it's content's height.
Stars: ✭ 49 (-20.97%)
Mutual labels: sketch
Quickcolor
Quickly apply fills from the global or document color palettes to selected elements - 🎨
Stars: ✭ 59 (-4.84%)
Mutual labels: sketch
html-sketchapp-example
Example use of html-sketchapp.
This script takes an URL and produces a *.asketch.json file that can be loaded to Sketch via html-sketchapp plugin.
How do I run it?
npm i # install dependencies
npm run build # build src/page2layers.js script that gets injected into a page
npm run inject http://sketchapp.com # transform given page into an asketch.json file
Created sketchapp.com.asketch.json file can then be loaded into Sketch using the html-sketchapp plugin.
It's buggy!
You can read about current limitations here.
What's next?
Importing whole pages shows what html-sketchapp can do, but it's probably not that much useful (is it?). See brainly/html-sketchapp-style-guide which is used at Brainly to convert front-end style guide into a set of Sketch symbols, text styles and document colors.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].