Adobe XD Resources, UI kits & Tutorials

The biggest collection of free & premium resources for Adobe XD
wires xd

Wires – Free Wireframe kits for XD

Today we feature an amazing free resource for Adobe XD provided by Kyle Galle and UI8.

Wires is a huge and comprehensive wireframing kit built exclusively for Adobe XD, including two different sets of wireframes both web and mobile. Each set includes several dozens layouts, components and elements you can re-use or get inspired by in your own design and prototyping projects with XD.

We are talking about 170 mobile templates and 90 web templates.. that’s massive!

This is surely one of the most comprehensive and helpful free resources ever released for Adobe XD so far.

Read More
material sticker sheets xd

Material Design sticker sheet by Google

Google itself recently released this sticker sheets on its Material Design website.

This is a newer version of the Material UI kit already included in Adobe XD by default.

 

This sticker sheet includes the elements that make up layouts, including light and dark symbols for status bars, app bars, bottom toolbars, cards, dropdown menus, search field, dividers, side navs, dialogs, floating action buttons, and other components.

The sticker sheet elements align to an 8dp grid. Type baselines fall on a 4dp grid.

 

Most of the main objects like buttons and icons are already saved as Symbols, which is quite handy.

Read More

Mobile E-commerce product detail screen – XD tutorial

Pretty cool video tutorial created by the Youtube channel “CodeShape”.

In this tutorial you will learn how to design a Mobile E-commerce Product Screen using Adobe XD.

There are no voice explanations from the author, only some background music, but the final result looks great, very nice and clean design!

Page 20 of 29« First...10...1819202122...Last »