inthepocket / hubble-adobexd-plugin

🌈 Adobe XD plugin to extract assets and primitives and send them to Hubble.app

Home Page:https://hubble.inthepocket.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

🌈 Adobe XD plugin to extract assets and primitives and send them to Hubble.app

https://hubble.inthepocket.design

License:MIT License


Languages

Language:JavaScript 100.0%