Adobe XD Resources, UI kits & Tutorials

The biggest collection of free & premium resources for Adobe XD
Chart UI XD freebie

Chart UI screen for crowdfunding mobile 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

Adobe XD for Windows 10 is finally out

The moment a lot of Windows based UI/UX designers have been waiting for has finally come: Adobe XD has been just launched for Windows 10.

Adobe mentioned it would be coming out by “Late 2016” and it seems like they kept their promise.

XD is only available for Windows 10, and it’s been built as a proper Universal Windows Platform (UWP), the first one ever made by Adobe.

This choice was made as they wanted to focus on a modern development ecosystem allowing them to obtain the best possible performance, make proper use of the latest touch-enabled hardware and build a “future proof” app which will run on all next generation Windows devices.

Read More

Create a Working Switch UI – Adobe Xd Tutorial

Very useful XD tutorial made by Caler Edwards, showing how to create a mobile pop-up menu with a ON/OFF Switch, how to use the Apple IOS provided by XD and how to use the prototype tab to make the Switch UI function.

Photoshop vs Adobe XD

Adobe XD vs Photoshop: The End of Photoshop as a UI/UX design tool

For several years Adobe Photoshop has been the tool of choice for designers wanting to create web sites, mobile apps and user interfaces in general.

Then in 2010, the new kid on the block made its appearance on the market: Sketch, from Bohemian’s coding.

Especially in the last couple of years, it became a great alternative to Photoshop: cheaper and completely dedicated to UI/UX designers, it gradually stole a lot of designers’ hearts and went on to form a loyal and growing community.

Still, a lot of designers never left the Adobe ecosystem as you can’t really do everything with Sketch, and most importantly, this software is only available on Mac, so all Windows users could never switch to it even if they wanted to (unless you run Mac OS on a virtual machine or come up with similar hacks).

 

So how many people are still using Photoshop for UI design? Hard to say, but my guess is A LOT.

I still see plenty of new UI .psd resources sold on marketplaces like Themeforest or UI8 (UI kits, icon sets, ..), lots of Photoshop tutorials and courses are still being posted on Youtube, Udemy, Lynda and the likes, many projects made with PS are still appearing on Behance, and so on..

Hell, I also never stopped using Photoshop for most of my older projects, even though I use a mix of Adobe XD and Sketch for my new ones.

But things are finally changing for all these happy (or not so happy) Photoshop users: the time for a big shift is coming very soon.

Adobe Experience Design is here.

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

Dishy app – Free UI kit by Adobe

A free UI kit released by Adobe when they launched the first version of Adobe XD, back in February 2016.

Although it’s not brand new, this UI kit is a pretty good starting point for those wanting to learn more about Adobe XD.

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
Page 6 of 7« First...34567