Skip to content
This repository has been archived by the owner on Feb 28, 2024. It is now read-only.

๐ŸŒˆ Adobe XD plugin to extract assets and primitives and send them to Hubble.app

License

Notifications You must be signed in to change notification settings

inthepocket/hubble-adobexd-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

18 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Hubble plugin for Adobe XD

LICENSE Last commit

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

Contents

Prerequisites

  • Adobe XD (v21.0 or higher)
  • Hubble.app installed on your system

Installing

Not released to the plugin store yet, see development for installing manually.

Usage

After the installation, the ๐Ÿ”ญ Hubble plugin will be available in your plugin list. The plugin has two main features.

The command Export to Hubble will trigger an export to the Hubble app. Because Adobe does not allow to open 3rd party apps from within Adobe XD, the export request has to be sent via a web proxy to Hubble.app. Fill in the link to your web proxy (see hubble-web-proxy) in the field Trigger URL.

Export assets is our way to fetch assets that are marked for export (since they can't be extracted from raw data). By providing a folder, the plugin will render each asset as SVG and as PNG (@1x, @2x and @3x scale). More info on how to mark artboards as exportable can be found here.

Check out the detailed documentation for more info on how to use Adobe XD together with the Hubble ecosystem.

Contributing

โค We appreciate every form of contribution, but before you contribute please make sure you have read the contribution guidelines.

Development

Adobe XD has a predefined folder to store plugins in development mode. To open this folder from within Adobe XD, goto Plugins > Development > Show develop folder.

Showing the Adobe XD development folder

Now simply copy or clone the repository to the development folder. Changes are visible after reloading the plugins (Cmd+Shift+R).

For example: git clone https://github.com/inthepocket/hubble-adobexd-plugin "~/Library/Application Support/Adobe/Adobe XD/develop"

License

MIT