skpm / Sketch Module Web View
Licence: mit
A sketch module for creating an complex UI with a webview
Stars: ✭ 270
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Sketch Module Web View
Sketch-StickyGrid
Sketch plugin to make paths be snapped to grid.
Stars: ✭ 62 (-77.04%)
Mutual labels: sketch, sketch-plugin
sketch-library-audit
Export Symbol and Shared Style data from any Sketch Library to CSV.
Stars: ✭ 17 (-93.7%)
Mutual labels: sketch, sketch-plugin
Sketch-Plugin
Plugin to share artboards directly via WeTransfer. Share the link easily with your colleagues and friends.
Stars: ✭ 39 (-85.56%)
Mutual labels: sketch, sketch-plugin
nudge-resize-sketch-plugin
Sketch Plugin to quickly resize a layer with keyboard shortcuts
Stars: ✭ 25 (-90.74%)
Mutual labels: sketch, sketch-plugin
sketch-slicer
Creating slices for selected layers in Sketch
Stars: ✭ 37 (-86.3%)
Mutual labels: sketch, sketch-plugin
autopdfexporter-sketch-plugin
A Sketch Plugin to auto-export all '[S]' Prefix artboards to a single pdf, no slices needed! Plugin auto creates slices from prefixed Artboards and exports them into a single page-sorted pdf file.
Stars: ✭ 16 (-94.07%)
Mutual labels: sketch, sketch-plugin
design-tokens-plugin
Support end of life! Delivering consistent Design System. A Sketch plugin that exports Design Tokens to JSON format. You can export colors, typography, icons and utilis. A must-have tool for design system project.
Stars: ✭ 100 (-62.96%)
Mutual labels: sketch, sketch-plugin
sketch-markup-listify
Sketch plugin for convert and copy text layers into HTML lists.
Stars: ✭ 31 (-88.52%)
Mutual labels: sketch, sketch-plugin
sketch-plugin
Design your next Atlassian app with our component libraries and suite of Sketch tools 💎
Stars: ✭ 51 (-81.11%)
Mutual labels: sketch, sketch-plugin
sketch-library-unlinker
A Sketch plugin that can unlink symbols linked to a specific library, or unlink symbols that have been deleted in their libraries.
Stars: ✭ 21 (-92.22%)
Mutual labels: sketch, sketch-plugin
sketch-search-everywhere
A Sketch plugin for searching layer and selecting it.
Stars: ✭ 53 (-80.37%)
Mutual labels: sketch, sketch-plugin
Sketch-Keyboard-Resize
A Sketch plugin that lets you resize objects from all sides with keyboard shortcuts. As a bonus you can specify the resize amount.
Stars: ✭ 16 (-94.07%)
Mutual labels: sketch, sketch-plugin
Isometry
📦 Sketch plugin that allows to create isometric projections from layers
Stars: ✭ 18 (-93.33%)
Mutual labels: sketch, sketch-plugin
styledrop
A plugin for Sketch allows you to easily copy styles from one layer to another.
Stars: ✭ 54 (-80%)
Mutual labels: sketch, sketch-plugin
sketch-dark-mode
Generate a dark mode version of any Sketch document, the right way.
Stars: ✭ 58 (-78.52%)
Mutual labels: sketch, sketch-plugin
DesignToken2Code
Convert design tokens to SCSS variables as code
Stars: ✭ 16 (-94.07%)
Mutual labels: sketch, sketch-plugin
symbol-insert
A simple plugin to insert your Sketch symbols
Stars: ✭ 25 (-90.74%)
Mutual labels: sketch, sketch-plugin
instance-locator
Sketch plugin to locate instances of a symbol
Stars: ✭ 34 (-87.41%)
Mutual labels: sketch, sketch-plugin
sketch-module-web-view
A Sketch module for creating a complex UI with a webview. The API is mimicking the BrowserWindow API of Electron.
Installation
To use this module in your Sketch plugin you need a bundler utility like skpm and add it as a dependency:
npm install -S sketch-module-web-view
You can also use the with-webview skpm template to have a solid base to start your project with a webview:
skpm create my-plugin-name --template=skpm/with-webview
The version 2.x is only compatible with Sketch >= 51. If you need compatibility with previous versions of Sketch, use the version 1.x
Usage
import BrowserWindow from 'sketch-module-web-view'
export default function () {
const options = {
identifier: 'unique.id',
}
const browserWindow = new BrowserWindow(options)
browserWindow.loadURL(require('./my-screen.html'))
}
Documentation
API References
License
MIT
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].