draw.io vs. UXPin

draw.io can be more suitable for technical documentation for architectures, flow diagrams/charts, and conceptual images of an application infrastructure. However, this tool is not made for business intelligence work nor for dashboarding to monitor the technical components. From the administrative standpoint, this is not well suited for agile ceremony structures like retrospective boards or planning or even quarterly planning boards. The strength of draw.io lies strongly in being a lightweight diagramming tool.

Incentivized

UXPin is an excellent resource for creating website and app flows and to better help our clients understand how their websites and apps will function. It also gives them a visual reference and some real-life application. It can be difficult for clients to truly understand how a website or an app flows from one page or screen to another via a phone call or web conference. UXPin helps us to illustrate these flows in a hands-on, visual format. UXPin also helps our clients understand the purpose of a sitemap. We used to send our clients a sitemap in an outline format. While many understood that the top-level items on the outline were the main navigation of their website and other items were child pages, several did not. We have found that using UXPin to show the main level navigation, how in-page navigation and child pages (drop-down menus from the main navigation) work has been an integral step in getting approval on sitemaps.

Incentivized

• Draw.io offers a lot of shapes and customizability of how the diagrams are laid out. We've been able to create a lot of different things with it, and have barely scratched the surface of the sorts of things that we could do.
• Draw.io is fairly intuitive in the way that you draw shapes and connect shapes together, I was able to figure it out without a tutorial.
• Draw.io is fast and performant for me compared with some of the alternatives.

Incentivized

• Smart elements are super nice because they allow me to create complicated features that will appear on every page. When the client wants to change something it is very easy to do so in one place.
• Working on grid is important to me. Having the ability to change and manipulate that grid in UXPin is just what I need.
• There are tons of add on features like Font Awesome icons and prebuilt stuff that not only looks great, but also just lets me get ideas across fast without committing to what the final design is going to look like.
• I love the ability to edit things if I want. I can control several details, but it's not too overwhelming. They include various font options from Google fonts as well. You can design as much or as little as you want. The interface doesn't get in the way. It's there if you want it but has a simplicity that is nice.
• Having a link on a live webpage is a necessity. As soon as you make changes, they are live. No more worrying about which is the latest version.
• I'm a photoshop user so it has a few keyboard commands that are familiar like hold 'alt', click and drag to duplicate is nice!

Incentivized

• When very elaborate diagrams are needed, it lacks the amount of tools and customization needed
• Since this is an online tool, it can freeze and that causes you to lose that work up to that point
• Performance can lag with very complex diagrams

Incentivized

• No search and replace for fonts (missing or just to replace).
• Tool is built for design/dev teams but does not integrate content teams in well.
• If you are not careful you can get lost in designing interactions when you should be just creating building blocks - don’t over animate!!!
• There is currently no “scrub” or click-drag interaction which limits touch capability testing/concepts.
• Editing adaptive versions of designs is very time consuming, edits to not ripple through from master viewport size. All updates are manual, even when creating an adaptive version.
• When a library item is updated, it can revert changes you have made unknowingly.
• Video integration is limited to online video host aggregators such as IMGR, YouTube, and Vimeo.
• Not a ton of info for a designer on how to use the expressions effectively.
• Prototypes with a lot of interactions can get slow, especially on computers with a lot of security software. It’s best to work with UXPin to figure out what is blocking APIs, and JS.

We'll definitely continue to use UXPin. Right now it provides us with everything we need in order to deliver quality projects to our clients. If at any point in time, UXPin doesn't provide us with what we need, we'll start vetting other software out there that may be similar. My guess is that UXPin will continue to make updates and improvements so we'll likely stick with it for quite some time.

Incentivized

The UI is intuitive. It allows a new user to start diagramming almost instantly. Manipulating elements, linking them together, etc. are all easy to do. Draw.io nevertheless a broad variety of diagram templates to help get started and also of shapes to use in diagrams. Some situations can make it a bit tricky to use, such as when having multiple shapes on top of each other (e.g. shapes placed within swimlanes) but that's a minor issue.

Incentivized

The support for draw.io is pretty decent, considering it is a free website. I had a question one time when I was trying to do something, so I sent an email to their support email and got a response fairly quickly with an answer to my question. They also have some excellent support tools on their support website for helping you get more familiar with their program, and I found that very helpful.

Incentivized

As far as I know, my teams have only had to use the UXPin support once. The experience went really well. We just needed a bit of assistance with using the Documentation feature. UXPin's support was quick and helped my team in a matter of minutes. We will definitely reach out to their support without hesitation in the future.

Incentivized

draw.io is open-source and free for many uses, which means minimal upfront cost and good value.It works in the browser, also has a desktop version (so you can use offline) which helps teams that may not always be online or want local backups. Useful when you want a diagram tool that “just works” without huge ecosystem lock-in.For organisations that value control, less vendor-dependency, this is a plus.

Incentivized

Adobe XD is so much more than UXPin, with Adobe Cloud you can easily share designs as well. We used Adobe XD before changing to UXPin. At first UXPin seems so advanced and helpful, but don't get fooled. You're heavily limited in the long run, and after all the training and implementation of UXPin (both app-wise for IT but also training designers etc) it is not worth your time.

• draw.io has surely impacted our organization positively by saving some crucial time.
• It has not really impacted much monetarily to be honest.
• The ROI we got from draw.io is that it has made complex things clear for everyone in our organization.

Incentivized

• Saving money by using one tool for lo-fi wireframing, high fidelity wireframing, prototyping, and user testing, rather than four separate tools.
• The ability to create and use team libraries enables us to create visually consistent designs with less effort than creating every single design from scratch, which allows us to save considerable time (and therefore money!)
• In-platform collaboration saves our team a lot of time and energy. With everything in one place (wireframes, prototypes, user feedback, collaboration comments), we can all be on the same page about the design workflow and pinpoint discussion points that are based on up-to-date designs.

Incentivized