Built-in Library of Common UI Elements
It would be great if AdobeXD could provide sort of a library of UIElements from iOS, OSX, Android and Windows besides the given UIKits. So you can simply drag e.g. the textfield to your artboard and adjust this afterwards. This would make the process of designing an app much more easier!
I often design for other desktop systems. I would like to see Ubuntu, Windows Classic & Windows Aero Libraries, Along with OSX Yosemite & Windows 10 elements mentioned above.
Will be possible to have a set of icons already available? Instead of create and import many icons. For example take some basic icon already created by Adobe or Font awesome from XD directly.
I like Xd but i don't know why. Other programs can do what Xd does! Please explain to a stupid Photoshop, InDesign, Illustrator user.
John Loburak commented
I agree with everyone's comments. There needs to be a few UI Libraries to choose from as well as the ability to create your own.
Jennifer O'Brien commented
I was really expecting this to be a feature of this app - or at least in the works. I find it frustrating that some highly promoted prototyping tools (Invision, origami, etc.) are heavily focused on having a fairly polished design. When you need to get to a prototype fast not having to build every element is key. I love that this is part of the Cloud and could be a prototyping tool that a team could use without having to pay for another monthly fee or big upfront license. But if its not quick to drag and drop elements and add some interactions, then I would have to agree with some other comments that this is just another design tool.
Thiago Xavier commented
Hi, I'm a designer ant I work with UI and UX to mobile.
It is the great tool to UI prototype and to integrate designer with programmers to app dev.
In my opinion the UI guide could have the option to choose when the user start a new project, this would be easier if we wanted to make a quick prototype and show the dev team.
I'm really enjoing to using this tool. About the UI guide, could insert a new navigation tab.
Michael McConnell commented
Import web components from Polymer, Material Angular, Bootstrap and Ionic.
So continuing to play with Xd and I found the UI kits area on the launcher window - this is kinda of like a UI element library - which is a good step forward. * probably should be made more prominent and accessed differently in a final product. I'm still struggling with how this fits into a REAL-WORLD workflow however, where the early stages of design are much more conceptual (think boxes and arrows) and investment in 'art' hasn't been made. I still maintain that most professional shops do much lower fidelity design, especially in the early stages. If Xd has more emphasis in this area and the collaboration + workflow of getting from high concept to polished prototype - the tools would be much more valuable. * I recognize this is a very early WIP preview, just not seeing the vision from any of the published materials so far...
I would like library to have 4 Platforms Android, iOS, MS Windows, and Apple OSX. It would be cool if elements could change based on versions. Ie iOS 8->9 and by changing this you could change this on the fly. Such as a text box element would switch to look like iOS 8 but then you could select the platform to iOS 9 and the elements would change their look. Even switch between android to iOS would be cool. Just an idea.
It would be good to have shapes library where we can have some categories like Icons, Web, Mobile, etc shapes as like we have in Ps and Ai
Luis Mauricio Valdés commented
it would be great to have that, and to be able to create some UI elements that sync with the cloud.
Jason Occhipinti commented
I would be inclined to agree. It would fantastic if XD had a UI elements library...if we're designing a vanilla bootstrap site...or with modified assets, you could just pull up a library, and slap them in.
@Chris - remember, this is still in beta, and judging from the interface a reaaaaaaally early beta. Cut them some slack ;)
Right now XD seems to be just ANOTHER design tool.
Adobe already has great and mature tools for design... The gap that seems to exist in the Adobe suite is the conceptual design / rapid prototyping space (AKA wireframing) a tool that allows very rapid conceptual designs to get an idea out of a designer's head and into a format that can be shared and collaborated on.
I'm struggling to see the differentiator for this product (compared to other tools AND Adobe's own tools)
Adobe should research why people use tools like Omnigraffle, Visio and UXpin for conceptual design and Azure, Balsamic and Invision for rapid prototyping. Starting with a blank-canvas drawing tool sort of misses the opportunity and diminishes my excitement around what this tool could be. *it kind of feels like Illustrator for web designers *yawn*
There are some neat ideas here but it seems to be based on the assumption that 1) everyone is designing marketing websites or 2) everyone puts emphasis on graphical designed assets ...
<from Xd help>
"...You can begin designing your assets in one of the following ways:
Copy your designs from Photoshop or Illustrator, and paste them into your artboard in Adobe XD. ..." WTF? why not just use Photoshop or illustrator in the first place?
I think the UI Element library would go a long way to make this tool less of a drawing tool and more of a design tool. Take the lessons learned from Adobe Proto (a great discontinued tool) and build upon them.
Consider the entire collaborative design workflow and not just jump to visual design.
Make the process SIMPLER not just different.