Logo

dev-resources.site

for different kinds of informations.

Sketch Units Plugin 2.0.0-rc.1 available

Published at
3/10/2019
Categories
sketch
plugin
javascript
news
Author
dploeger
Categories
4 categories in total
sketch
open
plugin
open
javascript
open
news
open
Author
8 person written this
dploeger
open
Sketch Units Plugin 2.0.0-rc.1 available

In case you didn't know, Sketch is an awesome vector,pixel, umm... "vecxel" design application for macOS. You can use it to design mockups, icons, screens and far more.

Sketch can be extended using plugins written in Javascript with a quite ugly mix of Cocoa baked in (made possible by Mocha and CocoaScript).

Some days ago I wrote a plugin for converting the pixels, that Sketch uses as a base unit to various real life units by using a DPI value and a factor. So when you export something in Sketch as a PDF, it will be exported with an DPI value of 72. Based on that you can very simply convert the pixel unit to every unit you want.

However, version 1.0 of the plugin wasn't quite well designed and the developer tools available at that time were very basic.

Also, version 1.0 used CocoaScript for the dialog UIs and that was a real pain.

Nowadays, skpm is available, a nice tool to build up the development environment for a Sketch unit. Additionally, one came up with a library that uses WKWebview for rendering sketch UIs in a browser window. This way I could simply wrap up a Bootstrap UI and some JQuery magic to build up my dialogs.

So, announcing version 2.0.0-rc.1 of the plugin. If you're using Sketch or if you're interested in how to write Sketch plugins, you might want to check it out.

Cover photo by Crispin Semmens

sketch Article's
29 articles in total
Favicon
Mastering the craft: Top UI/UX Design Tools for 2024
Favicon
Unleash Your Creativity with Online Drawing Tools
Favicon
Figma vs. Sketch – Which Design Tool is Right for You?
Favicon
Aplicaciones para Desarrollador UX 🧝🏻‍♀️
Favicon
Automating Sketch with GitHub Actions
Favicon
Font Awesome fonts to Sketch.app by category
Favicon
Sketch-icons makes it simple to import icons
Favicon
What Is Sketchpad and How Does It Work?
Favicon
What Does the Term "Sketchpad" Mean?
Favicon
The importance of UI/UX | Software Engineering
Favicon
How I Created These Generative Underline Pen Strokes
Favicon
Figma and Sketch: any relation to the development?
Favicon
How I handoff designs to developers with Sketch y Zeplin
Favicon
Draw your application sketch with Inkscape
Favicon
UI Component Source Files (.sketch)
Favicon
Is it possible to build plugins for multiple design tools with a single code base?
Favicon
How to select Best Sketch to HTML Conversion Company?
Favicon
A Lightweight React Library for creating clickable Prototypes
Favicon
Generate Angular code with Infragistics Indigo.Design
Favicon
UI/UX Tools for Beginners: Designing and Prototyping in Sketch
Favicon
Sketch symbol folder frustrations
Favicon
How to Convert Sketch design to UI with Angular/React framework
Favicon
Sketch Data Table Components
Favicon
Sketch Units Plugin 2.0.0-rc.1 available
Favicon
Lorem Ipsum Generator plugin for Sketch
Favicon
30 day of Sketch: the playbook and basics
Favicon
Sketch Template for Prototyping Semantic UI
Favicon
Help From WordPress Developers To Convert Sketch File To WordPress
Favicon
A single source of truth: the future of design systems

Featured ones: