Sketch-Server

KO | EN

gitlite — search

#hacktoberfest #typescript #llm #golang #android #machine-learning #rust #deep-learning #docker #macos #nodejs #awesome #vue #mcp

(★ 67)

A Sketch Plugin that creates a local web server for your Sketch Documents.

File Explorer

Download Latest Version (.zip)

CHANGELOG.md
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![forthebadge](http://forthebadge.com/images/badges/powered-by-electricity.svg)](http://forthebadge.com)
[![forthebadge](http://forthebadge.com/images/badges/gluten-free.svg)](http://forthebadge.com)
[![forthebadge](http://forthebadge.com/images/badges/oooo-kill-em.svg)](http://forthebadge.com)

# Sketch Server 1.6.3

Sketch Server is plugin for Sketch that creates a local web server for your Sketch Documents.

[Changelog](/CHANGELOG.md)  |
------------- |

## How to use it ##

Sketch Server adds two items to the Plugins Menu:

![](https://i.imgur.com/ZEmnVPP.png)

- Start Server

Starts a local server for the open document on a random available port.
  
- Start Server on Port...

Starts a local server on a port specified by you.
  
  
Each document can have its own port, so you will need to start a server for individual documents.
After you've created a server instance for a given document, you can visit it using the URL Sketch Server gives you.

![](https://i.imgur.com/gEhh23W.png)

## Previewing ##

By default, Sketch Server returns an HTML page containing your image, centered (when smaller than viewport).
You can specify both page, artboard, scale, and what kind of content the server returns to you. For example:

http://127.0.0.1:8888/?artboard=2&page=4&scale=2
     
Artboard and Page numbers are zero-based, so that will give you the 3rd artboard on page 5 of your document, scaled 2x. Omitting the `page` parameter will default to the current page open in that document.

If you'd like just the image (png), you can get it using the `/image` path:

http://127.0.0.1:8888/image?artboard=2&page=4

There's also a `retina` boolean parameter, which only applies to HTML output. It will downsize your image to the size of the artboard. Useful for [previewing on retina devices.](https://itunes.apple.com/us/app/id933580264)

Sketch-Server

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Sketch-Server

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README