Skip to content

Instantly share code, notes, and snippets.

@macedd

macedd/zeplin-url.js

Last active October 10, 2018 17:13
Show Gist options
  • Save macedd/f12fe9fa818a228ec587baff69e60ef9 to your computer and use it in GitHub Desktop.
Save macedd/f12fe9fa818a228ec587baff69e60ef9 to your computer and use it in GitHub Desktop.
Download ZIP
Zeplin: Convert Desktop links into Web links
Raw
zeplin-url.js
(function() {
var z = window.prompt("Zeplin Link", "");
if (!z) return;
var pid = (/pid=(\w+)/).exec(z)[1];
var sid = (/sid=(\w+)/).exec(z)[1];
var u = `https://app.zeplin.io/project/${pid}/screen/${sid}`;
window.open(u, '_blank');
})();
// Oneliner to create a Bookmarklet
(function() { var z = window.prompt("Zeplin Link", ""); if (!z) return; var pid = (/pid=(\w+)/).exec(z)[1]; var sid = (/sid=(\w+)/).exec(z)[1]; var u = `https://app.zeplin.io/project/${pid}/screen/${sid}`; window.open(u, '_blank'); })();
@macedd
Copy link
Author

macedd commented Jun 29, 2018

Usage:

  • Create a bookmarket shortcut in the browser with the location javascript: $oneliner_above;
  • Click the bookmark
  • Inform a zpl link: eg. zpl://screen?sid=5b2aab85314b24a11a8ebdb7&pid=5ab3ed348d719c90zbf4cd8e
  • A new tab will open with the web link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment