Skip to content
This repository has been archived by the owner on Nov 5, 2021. It is now read-only.


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Hubble OSS Banner

LICENSE Platform Releases Last commit Latest release CI Status Sketch Runner

Hubble Sketch Plugin

Sketch Plugin to couple your Sketch file to the Hubble Design System.

Takes your design data out of Sketch and connects it to the Hubble atmosphere.



  • macOS with Sketch 41+ (latest Sketch recommended)
  • installed


The easiest way to install is to download one of the releases and install the plugin in Sketch. Once installed the plugin can be automatically updated through the Sketch Plugin Manager.

πŸ‘‰ Download the latest release

sketch plugin manager

hubble-sketch-plugin can also be installed using Sketch Runner:

install hubble via sketch runner


After the installation, the πŸ”­ Hubble plugin will be available in your plugin list. You should first configure your document and enter a unique identifier for your project.

Configure Document using plugin

This will store the identifier for this project in the Sketch file directly. After this you can start exporting your data to!

Check out the detailed documentation for more info on how to use hubble-sketch-plugin together with the Hubble ecosystem.


❀ We appreciate every form of contribution, but before you contribute please make sure you have read the contribution guidelines


This plugin was created using skpm. For a detailed explanation on how things work, checkout the skpm Readme. Uses the Sketch JS API for grabbing certain properties

Install the dependencies

npm install

Once the installation is done, you can run some commands inside the project folder:

npm run build

To watch for changes:

npm run watch

Additionally, if you wish to run the plugin every time it is built:

npm run start

For more on running in development mode, check the wiki