Adobe XD Tutorials and UI Resources

Master Adobe XD & improve your UI/UX design productivity
Adobe XD Icons

1000 Free Material Icons for Adobe XD

Adobe XD has been out for about a year now, but still there are not a lot of resources available in terms of icons.

Sure you can use the icon sets you might already have for Photoshop or Sketch, but you always need to have those apps open on your computer and copy assets from them and paste them back into XD.

Or you could just download .svg icons, which are fully supported by Adobe XD, but you’d have to browse icons in your folders and then drag and drop the files you need into XD. Not very practical.

 

So here’s what we did to help you guys out:

Google has been offering some pretty amazing Material Icons for some time now. These are open source, free to use and free to distribute, so we just grouped them all together in one .xd file and split them into a few categories, so that you can easily use them in your Adobe XD projects.

It took us some time as they are about 1000 icons in total, but we really hope you find it useful!

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

Bootstrap Grid for Adobe XD

Here’s a pretty handy Boostrap Grid for Adobe XD designed by Russian Designer Mikhail Dmitrievich.

Screen resolutions included: 1170px, 750px, 480px

Unfortunately it’s still not possible to create these layout grids in XD, so this freebie can be quite helpful for designers creating mockups that are going to be coded using Bootstrap.

Read More

30 Free UI kit by Egor Kuznetsov

Today we feature an amazing set of UI screens created by Russian designer Egor Kuznetsov .

Here’s what he wrote on his Behance project page:

“I want to start 30 days Web design marathon to improve my adobe experience design skills. I’ll post every shot on Behance. All of them will be in Adobe XD only.  I guess to create all pack for FREE. So, you can write me if you like it. @kzntsvegor. I will be glad to hear a feedback from you.”

It looks like Egor kept his promise and made the result of his 30-days Adobe XD marathon available for everyone to download for free.

Truly inspiring work!

Read More

Minimal Chic – Free XD UI kit

A really great UI kit for Adobe XD designed by Brigitte, a Digital Product Designer from Rome, Italy.

“Minimal Chic” contains 16 clean and elegant mobile screens, and it’s a great starting point for anyone wanting to create an online shop UI experience.

The best part? It’s completely free!

Read More
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