If you’ve never heard of draw.io, now you have! it’s a fantastic tool for creating free, high quality diagrams. You can use use it to do quick diagrams and sometimes quick and dirty UI mockups (nothing fancy). Recently, we encountered the need to mockup AEM dialogs. Now, you can do this with draw’s provided elements. But if you wanted to get a little fancy, I certainly do, you can create a custom library that contains the building blocks for your mockups. In my case, I wanted to create all the Granite/Coral UI widgets used in AEM dialogs to make the mockup process faster. And I did!
Ok, how do I use it?
Download the library:
Download the AEM Dialog Draw.io Library
Unzip then drag and drop the xml into draw.io