Skip to content

Latest commit

 

History

History

xd

Grida Assistant on Adobe XD

references

xd plugin react example

get UXP developer tools

XD plugin api docs

Development

Getting started

  • One time: Install nodejs (https://nodejs.org/en/download/) and yarn (npm i yarn -g)
  • Open terminal and navigate to the /xd-flutter-plugin-src folder
  • run yarn
  • run yarn build
  • Plugin files will be copied into the /build folder, and also into your XD plugin developer folder
  • Refresh plugin in XD with Ctrl+Shift+R

Notes

  • If you get errors about missing dependencies when building, you probably need to run yarn again
  • builds are run in watch mode by default, meaning webpack re-bundles on file save -> add --no-watch to disable watch mode
  • builds are automatically copied to the XD develop folder, use cmd/ctrl-shft-R in XD to reload plugins

Production builds

If you are creating production builds for publishing, there are a few other things to consider:

  • re-export / test the example thoroughly
  • in version.js: update the version, xdVersionRequired, & set debug to false
  • update the version in manifest.json, and ensure the README and CHANGELOG are up to date (incl. version) and committed.
  • clear the build folder and use yarn build --production to minifiy and disable sourcemaps
  • create the xdx file by zipping the contents of the build folder, and renaming with a .xdx extension.
  • once the plugin is submitted, tag the commit with it's version number (ex. v1.0.0)