Checkout flow designed with Adobe XD by Jojo Marion, designer from Austin, Texas.
Download it for free from his Dribbble shot page.
Read More›
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.
A cute and modern little popup made by Jokin, designer by Madrid, Spain.
A nice way of trying out Adobe XD for the first time.
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.
Nice freebie designed by Dustin Putnam, part of his “Daily UI Elements for 100 days project”.
Free to download from his Dribbble project page.
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.
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.
In our second Adobe XD video tutorial, we designed a screen for a mobile travel app. It included some custom made icons, gradients and a list populated using the Repeat Grid feature.
You can download it here for free.
In our first Adobe XD tutorial we designed two clean and simple iOS permission screens.
You generally see this sort of screens when installing new apps.. often app developers ask your permission to use your GPS location, your camera or to send you push notifications, before showing you the native iOS prompt.
You can download the Adobe XD source file for free.