UI Kit Object Panel
Having the UI Kits (and hopefully in the future customs ones as well) is great. But now you have to open a separate file, select what you want, copy it, go back, paste it.. If there could be a (sidebar) panel with all these loose elements as a library that you could just drag in... That would be amazing!
I would like to have a directory file were I can save artboard that I use frequently and were I can mange all them.
I recently download a wire kit on Behance and each time a would like to use one artboard on it, I must open it and copy-paste on my document.
But if I can put it in a personal library and use it anywhere (at home and work) it would be wonderfull !!!
Ashish Khandelwal commented
On the left-hand side, there can be an option where ios, android, and web formats are already available instead of downloading the UI kits separately. When the user clicks on the status bar option that status bar automatically aligns itself on the work area and similar to that various buttons and other features should be available in the software, instead of downloading the UI kits additionally. If this feature gets added in the software then this will a great achievement to the company and will also become the best available software on the internet.
I always want to use some common resources in every project,like iphone's status bar,instead of in current project.
I have to open two projects ,copy ,paste and rebuild the resource.It's too stupid.
Max Mercier commented
I think calling the current method "UI Kit" has been quite misleading. A kit, or theme, implies skinning and updating the look (and potentially the behavior) of components such as generic radiobuttons and checkboxes.
While I like the idea of a dedicated panel, I would advise for caution in designing the related functionalities. Conditional logic for interactions is the next step once we have components available.
Maita Mendoza commented
I also second this to be a feature. The best examples are Omnigraffle or even Moqups. So that I don't open separate XD Files to just copy/paste an UI element that I want to add to my project.
Sample screenshot is the Stencil Panel in Omnigraffle. Link: http://drive.google.com/open?id=1x5tTpSwK_NsyzwTV9IVfWmWi3ce7MO1t
Seppe Hemerijckx commented
I would like to make my own libraries and download some libraries so i can add something like a hamburger menu in 5 seconds. It's also very annoing that i always need to open an other file for the ui kits.
It would be great to take Moqups as an example.
It would be good to have a UI library for icons such as Material Design Icons, Font Awesome , Entypo, IOS icons. This is really handy when designing ios or android app.
Secondly, It would be even better to have a stencil library where users can drag and drop from the side menu, e.g. Android Material Stencil that includes floating buttons,etc or IOS Stencil
Mike R commented
I've been using the app Pencil ( https://github.com/evolus/pencil ) to mock up my projects, and I've come to really like their "stencils" (a left-sidebar that holds UI kits). I would like that same functionality, instead of having to open a different project (that has the UI kits) and copy/paste into my new project. I'd rather drag/drop from a sidebar that's part of my "design mode" window.
Kevin Consen commented
Well over a year later you still have to open UI kits in a separate project.... Why Adobe?
I`d love to see n area at the top of the program windows where I can choose quickly predefined patterns/ assets (i.e. buttons etc. for IOS/ Android/ Web). Up to now I can open the library in a new window and have to switch between my working window and the assets/ pattern window.
Why not implementing an area where I can scroll through those (self-/pre-) defined assets and patterns easily and just drag and drop them into my actual design?
I second that request. The current UI Kit implementation looks more like a temporary solution than an actual feature. It uses a Illustrator approach: opening a file with elements as grouped objects that need to be copied and pasted one by one into the Design area.
The way I see it that you select an element from a UI Kit library directly into the artboard and this would be a "Smart/Responsive" element that adjusts to the current screen size (for example a menu header at 100% width automatically) and not just fixed grouped shapes.
Sebastien LeBlanc commented
Copy/Pasting from your UI kit is very cumbersome and not the right way to make those system-wide "symbols" available !
1) You should be able to drag and drop them from a panel (like in Photoshop). And the panel should be searchable since there are some many of them...
2) They should be hosted on Adobe server so you can add/remove/update any single "symbols" from the UI kit without having to update Adobe XD and add/remove/update complete UI kit for new platform (i.e. iOS 10 and Android 7.0 without removing the ones for older version).
3) In fact, they should be more like photoshop "Shared libraries" but shared from Adobe and build into the app !
4) You could even suggest user to preview an updated (and seperate) version of their files with the news assets from the updated UI Kit to minimise the work needed when new iOS/Android version comes out.
I understand that XD like PS or AI allow to designer to create from scratch any project. But, it will be very nice to have a library of basic artworks to create mobile App or website for example.
- List of item
Weel, anything to create quickly and esaily an App with comme assets.