Adobe XD Resources, UI kits & Templates

The biggest collection of free & premium resources for Adobe XD
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.

It’s the very first UI kit we posted on XDGuru when we launched the website a few years ago, which is pretty crazy considering that we now have hundreds of free XD UI kits on the site!

When we created Hooked, we did it because we were using the just-launched XD quite a lot for client work, and thought it would be cool to create a little free UI kit for the newborn Adobe XD community. We are very happy we did, as that helped us spreading the word about XDGuru 🙂

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

Read More›
bootstrap grid xd

Bootstrap Grid for Adobe XD

As most of you already know, unfortunately it is still not possible to create layout grids in Adobe XD. It’s a much needed feature we hope Adobe will implement soon.

In the meantime, here’s a pretty handy Bootstrap Grid for Adobe XD which you can use in your desktop projects.

It’s following the Bootstrap standard 1170px container grid (12 columns 67/68px wide and 30px gutters).

We suggest you put down the opacity of the grid layer folder to about 10%, so that it’s not bothering you too much while designing.

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 – Mobile

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›