After the release of Adobe XD there was a flood of interest from designers eager to jump away from Photoshop. This program is specifically made for UI/UX designers who want software for creating & animating interfaces.
In a recent post I covered the best Sketch App resource sites and in this post I’ll focus on Adobe XD sites.
Websites for Adobe XD Resources
All of these resources are completely free and you can use them with any setup. Adobe XD started as a Mac-only beta and has since been released Windows, offering a much broader audience than other UI design programs.
The first big site I’d like to share is Design Mine. It’s a general resource freebie site with a primary focus on Adobe XD content.
You’ll find templates, iconsets, wireframing kits and tutorials covering every aspect of designing with Adobe XD. The site is primarily a curation platform including both free & premium resources with new content added every day.
Most of the content is user-curated so you can submit new content you find online. There’s a huge tutorials page full of free videos & written tutorials aimed to teach anyone how to use Adobe XD.
I absolutely recommend Design Mine as your top resource for Adobe XD freebies. It already has an impressive library of content and I don’t see it slowing down anytime soon.
Another new XD-focused site is the incredible XD Guru. It seems this site is brand new and still doesn’t have the largest library to pick from.
But it’s growing fast and with a name like XD Guru you can expect it to be well-branded for the coming years of Adobe XD’s market growth. The site has a traditional blog-style layout with cascading posts down the page.
There’s also an XD Guru community page with a link to their Facebook group for designers. This is the best collaboration group to keep in touch and share new XD news/resources quickly.
If there’s any site to watch for future resources it’s XD Guru.
One freebie site with a more eclectic variety is Designermill. This gallery site has far more than Adobe XD content so it’s really a go-to resource for any designer.
But the XD Freebies category is packed full of amazing .xd files for wireframes, prototypes, and full UI mockups.
You might try browsing through some other categories just to see what they have available. This site is huge and their freebies gallery seems to grow larger every day.
Since XD is currently in beta it’s hard to find naturally curated resources. And there’s no official “out of beta” release date, but once it hits public release I guarantee we’ll see a flood of XD resources into sites like Designermill.
My #1 favorite site to browse for freebies is Dribbble. Designers from all over the world release tons of freebies like PSDs, AIs, and of course the newer .xd filetypes.
The best way to sort right now is to search for any combination of XD freebies. You can try a combo like “xd freebie” or just a simple search for “adobe xd” might yield similar results.
All files should be attached right to the Dribbble shot like with this checkout app.
But sometimes the designer will host the freebie file on their own site, or move it onto a 3rd party like Dropbox. Either way most freebies on Dribbble are tagged with “freebie” so they’ll show up in the searches. You can find everything from UI kits to iconsets and full app mockups.
Adobe XD is set to blow up and if Dribbble’s huge PSD library is any indicator I’d say the XD crowd will be more than happy to share their content here.
The free design network Behance also has a ton of XD freebies that you can find by searching around.
Behance is just like Dribbble except it’s free to join(Dribbble is invite-only). This means the total amount of work is much larger but quality can also be lower. If you scour through tags like “adobexd” or “freebie” you’ll find thousands of posts to check out.
Many of these posts are exclusive to Behance so this network does have a lot that you won’t find elsewhere.
I often prefer Dribbble just because the quality is higher on average. But Behance is also a great network and definitely worth bookmarking on your quest for XD freebies.
When it comes to free tutorials nobody can forget about TutsPlus. It is the de-facto learning destination for anyone who wants to find quality design tuts.
You’ll find huge tutorial archives on icon design, UI design, and of course Adobe XD.
These tutorials are often very detailed and they cover practical workflows from trained designers. For example, this post covers prototyping in Adobe XD as an ultimate guide for beginners. And the software isn’t even publicly available yet!
There is no better site than TutsPlus for quality design tutorials and I absolutely recommend checking back after XD becomes public. I guarantee their team will be hard at work pumping out quality tutorials for the hungry newbies itching to pick up this rising design software.
While browsing for tutorials on YouTube I came across a gem covering wireframing in XD. It’s produced by Dansky, a large online learning resource for all design programs.
They do have some paid courses but many of their programs are completely free. This includes the Dansky Adobe XD archive chock-full of incredible intro guides for beginners.
You will need to get your hands on the Adobe XD beta before you can dive in. This means you’ll need to download a copy that comes as part of the Adobe CC suite.
Once you have that installed there’s nothing stopping you from learning the software and creating impeccable design pieces for any project.
Best Adobe XD Freebies
Looking beyond these resource websites I’d like to focus on a handful of freebies that really caught my attention.
These are what I’d consider the absolute best XD freebies that absolutely deserve your attention. You can find other examples all over the web but these are my absolute favorites and they can be perfect for beginners just picking up the software.
Hooked UI Kit
WebDesigner Depot was kind enough to release a free Hooked UI Kit to their audience with dozens of screens for mock mobile apps.
These are made with 100% vector elements and they’re fully scalable for any resolution. Plus you have full access to tinker with colors and layer FX to learn the ins & outs of XD.
Note this freebie works as a lead magnet so you do need to enter your email to get the download. But this only adds you to the WDD newsletter which you can always unsubscribe from so it’s no trouble at all.
iOS 10 UI Kit
The team at Great Simple have their own iOS 10 GUI kit and it has blown up over the past few months. It’s made for all platforms including Adobe Photoshop, Illustrator, Sketch, and yes even Adobe XD.
This GUI kit includes all the core components of iOS 10 and it comes with 62 unique screen views for mockups. This way you can design mobile app interfaces without worrying about all the minor details.
I’m beyond impressed with the quality of this UI kit. If you’re a mobile app designer looking for a time-saving resource then this GUI kit is a godsend.
iOS User Flows
Since XD is really a user experience design program it makes sense to have user flows for prototyping. This free kit focuses more on the prototyping phase of how users flow between pages and how certain page elements connect together.
It’s hosted on XD Guru as a linked resource but you can find the full files on Dribbble including multiple UI sets. The creators over at STRV released many user flows for both Sketch and XD so you have your pick of the litter.
Travel Landing Page
The landing page is incredibly simple using a few ghost buttons and clean lines. It’s one of the simpler mockups in this entire list but I think it’d be perfect for web designers looking to study how XD works.
Twitter Bootstrap UI Kit
I cannot share enough praise for this Bootstrap UI kit made for Adobe XD. It is perhaps the best UI kit that every web designer should have in their library.
So many new projects are created using Bootstrap and this UI kit makes the design process that much easier. If you’re looking to get ideas down quickly then prototyping with these elements can save you time and frustration.
Not to mention this UI kit has been fully updated with all the newest Bootstrap 3.x element styles.
Trio UI Kit
The Trio UI kit is a fascinating little freebie released on Behance for Adobe XD. It comes with 100% vector shapes and built-in Google Fonts for the interfaces.
Everything in the Trio GUI kit is organized by page, almost like artboards in Sketch. You can browse through dozens of pages to find styles you like and customize them for practice or otherwise.
Dreamy UI Kit
A much tamer example is the Dreamy UI Kit also released on Behance. It has a much subtler design pattern and color scheme that comes with over 120 components and 1000+ elements.
This is made by the same Moscow designers who created the Trio UI kit, so you know the quality is superb.
And you’ll find so many different page styles from blog layouts to landing pages and everything in between.
Mobile app onboarding is a big topic and app designers are quickly learning that these pages need love too. With this XD onboarding resource you’ll get tons of freebies with icon sets that match and look great.
The two pages you can download are hosted on Dropbox as one freebie pack. The design is phenomenal and this is well worth DLing and studying for mobile app UI designers.
Apple Watch Apps
If you’re into Apple Watch apps then this concept freebie by Hannah Milan could prove useful.
It includes a few dozens screen examples all made using pure vector elements. These app pages all work in the newest version of Adobe XD and you can use them as prototyping mockups for Apple Watch applications.
Collaboration App UI
The free collaboration app UI made by Edwin Delgado is yet another example of quality design at work.
By sharing this with the community Edwin has created one of the most valuable freebies on the web for XD users. The file is only 500KB and it’s super easy to work with including dozens of pre-made screen elements like alert icons and login/signup forms.
Foodies UI Kit
For a culinary slant check out the Foodies UI Kit also made exclusively for Adobe XD. This one includes tons of stock photos and material-style buttons made to mimic a true mobile food app.
I do think the design is a tad generic but the actual files are well-organized and easy to work through. An excellent resource for XD mobile app designers.
20 Reader Screens
With blogging on the rise there’s no better freebie than this set of reader screens and blog post layouts designed for mobile.
The designer Hannah Milan released this pack with 20 full-page mockups offering inspiration and templates for designers. Blogs come in many different styles and this pack practically covers all of them.
Payment Method Screens
With just a couple payment method screens I have to commend this freebie for its simplicity and attention to detail. It seems Hannah is big in the XD design space with so many of these freebies attached to her name!
If you’re a fan of minimalism then definitely check out this freebie. And keep up with more of Hannah’s freebies on her profile page.
Face Recognition UI
For a facial recognition app UI this freebie is one of the best around. It comes with 100s of custom vector emojis that you can play with and study from the ground up.
Guacamole UI Kit
Anyone brand new to Adobe XD will learn a lot just from downloading this freebie and playing around with the UI resources.
Adobe clearly aims to carve out the market on UX design software with Adobe XD. The program is rapidly approaching a public release and I think we’ll see a ton of new freebies & tuts over time.
I hope this post offers plenty resources to get you started digging into the XD community.
And if you know of any other sites I missed feel free to share in the comments below.