xd-dialog-helper

xd-dialog-helper

  • Docs
  • WYSIWYG-Editor
  • GitHub
Project Logo

xd-dialog-helperCreate dialogs in plugins for Adobe XD CC with ease

Get started
Read the docs

Easy to use

No need for boilerplate code, complex results parsing etc.

Customizable

Supporting custom components, complete customization and more to make dialogs fit your plugin, and not the other way around.

Declarative

Describe what the dialog should do, we take care of the how

Making it easy to let the user decide

Creating dialogs for your plugins can be hard. This, however, should not stop you from having dialogs to interact with users for your plugin, especially not with plugins for an application where UX designers are the main target group.

No matter whether you're a developer and simply do not want to write all the almost unmaintainable boilerplate code of showing and evaluating dialogs, or you're someone not so experienced with code who's written a handy plugin, this library can help you add a modal to your plugin with ease, giving your users the best, custom experience they can have.

Use it in your plugin

To install and use the xd-dialog-helper for your plugin, simply run (if you use npm)

npm install xd-dialog-helper

in the command line. Now, you can quickly import the module by using const DialogHelper = require("xd-dialog-helper"); and get started building dialogs.

Find out how to build your first dialog

WYSIWYG-Editor

While, of course, I can't take the "burden" of programming the plugin off of you (and I also wouldn't want to do that), user interfaces are best-built in a prototyping kind of matter that allows for quick iterations. For this reason, there is a WYSIWYG-Editor that lets you generate the code for a modal you put together. The code is perfectly readable and easy to edit, meaning you can quickly build a first iteration of your dialog and refine from there...

WYSIWYG-Editor

Who is Using This?

xd-dialog-helper is used by all these projects

Lorem Ipsum for Adobe XDText Toolbox for Adobe XDMarkdown for Adobe XDTunda Image
More xd-dialog-helper Users
xd-dialog-helper
Docs
Getting StartedExamplesAPI Reference
Community
User ShowcaseTwitter
More
GitHubLegal NoticePrivacy Policy
Copyright © 2019 Pablo Klaschka