animaapp / sketch-web-viewer

View and inspect Sketch 43 files in browser

Sketch Web Viewer 💎 🔍

---

This project is brought to you by Launchpad for Sketch - Publish websites directly from Sketch, no coding needed.

---

View and inspect Sketch files in your browser.

Try it here.

👉 Features

• 💎 View Sketch files across browsers and operating systems
• 🔍 Inspect layer frame values by hovering on them
• 🔒 No server side - your Sketch file is never uploaded anywhere
• ✈️ Can run completely offline
• 🗽 No need to signup or login to anything

Supports only the new Sketch 43 file format. Sketch 43 Beta can be downloaded here

☝️ Known Issues

• No support for multiple pages documents - Issue #1
• Large preview images overflow viewport and navbar
• Tooltips override each other
• More...

👋 Contribute

We welcome contributions! Just fork and make a pull request

This project is build using VueJS 2.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on building for development, checkout the guide and docs for vue-loader.

MIT License • Made with ❤️ by the Anima Team

sketch-web-viewer's Issues

Limited support for multiple pages documents

As per @ale:

Contains a preview image of the last page edited by the user. If the page's size is less than 2048x2048 it will be stored at full size, otherwise it'll be scaled to fit a 2048x2048 square.

Currently if there are more multiple pages in the document, the behaviour is undefined since the loop runs over all the pages in the zip and just takes the first one.

This can be solidified by verifying the selected page is the last one to be edited, in order to match the preview image.

Can't upload Sketch file

I can't upload Sketch file on https://animaapp.github.io/sketch-web-viewer/

Also, I tried to install this viewer locally and I see the same problem.

Can you fix it?

Resolution could be better

This may be a large sketch canvas or something, but the resolution was so bad I could not read text. Sorry I dont think I could share the .sketch file, but here's a part of a screenshot:

Renderer code

Hi, I'm looking for the code that actually renders the various sketch elements - shapes, etc. Couldn't find it here. Did I miss it, or is it in a separate repo?
Cheers

No license specified

Project looks great but I do not see a license. Please specify one. Thanks!