Adobe XD UI kits and UI resources

a curated list of great UI resources for your XD projects
trio-ui-kit

Trio UI Kit (Premium)

Another fantastic Premium UI kit designed by Nick Parker.

Trio is a carefully crafted and easy to use landing page builder. It includes must have UI components for those designers who want to speed up their workflow and productivity.

It consists of 9 categories, 160+ screens and 700+ elements. It’s built using a Bootstrap grid, it has 3 color versions, vector shapes and Google fonts. It will be a great help in creating landing pages for creative teams, apps and products.

Read More
Dreamy UI Kit

Dreamy UI Kit (Premium)

Here’s a great Premium UI kit designed by our friend Nick Parker, a very talented UI/UX designer from Moscow, Russia.

“Dreamy” is one of the very first UI kits ever made for Adobe XD and consists of 120+ components and 700+ elements, divided by 8 categories.

It features a bootstrap grid, trending colors, vector shapes and Google fonts, and it will help you creating modern web projects such as a blog or an e-commerce website.

Read More
Adobe XD UI kit free

Hooked: a free UI kit for Adobe XD

Hooked is a mobile UI kit for Adobe XD, completely free and created by XDGuru.com

In the past few months we have used Adobe XD quite a lot, and thought it would be cool to create a little free UI kit for the newborn Adobe XD community.

Hooked is made of 14 cool looking screens, all forming a fun, colourful and “mobile-dating-inspired” app.

Read More
Chart UI XD freebie

Chart UI screen for crowdfunding app

In this new colourful XD UI freebie for an imaginary crowdfunding app, we experimented with gradients, blurs and a pretty cool Google font we have rarely used before.

Hope you guys like the final result. You can download the .xd file for free.

Read More
Onshore App Adobe XD

Onshore App UI Design by Dann Petty

Here’s a truly beautiful piece of work designed with Adobe XD by San Francisco designer Dann Petty and used in the 2016 Adobe Max’s keynote presentation of Adobe XD.

It’s a mix of mobile, desktop and tablet screens, and a great resource for those wanting to learn more about Adobe XD and what can be achieved with it.

Read More
ios 10 ui kit

iOS 10 UI Kit for Adobe XD (by Facebook)

A few days ago Facebook released an iOS 10 UI kit for several design tools, including Adobe XD.

This free UI kit is a pretty impressive collection of UI mobile elements included in the latest iOS release, for iPhone. This can be extremely useful if you want to learn in detail how Apple designed its new OS, or if you just want to use some native elements in your design projects.

It can be downloaded for free from the Facebook.design website.

 

Read More
iOS Permission screens

iOS permission screens – Free .xd file

In our first Adobe XD tutorial we designed two clean and simple iOS permission screens.

You generally see this sort of screens when installing new apps.. often app developers ask your permission to use your GPS location, your camera or to send you push notifications, before showing you the native iOS prompt.

You can download the Adobe XD source file for free.

Read More