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.
Hey guys,
in this new Adobe XD tutorial I will show how easy it is to create a simple concept for a mobile dating app.
Click here to download the source .xd file
As you can see, this mockup is getting a lot of inspiration from a pretty famous dating app, Tinder, but in this tutorial we don’t have to be too original, I just want to teach you how to use some very basic Adobe XD tools and techniques, while creating a cool looking and usable mobile app screen.
In the meantime, Adobe XD is getting better and better! Since the latest September release, it is now possible to preview your mobile designs on your iOS or Android phones, via a dedicated Adobe XD app which can be downloaded from the app stores. It is not 100% perfect yet as I found some font issues, but it looks very promising.. the preview is really fast and it really feels “real time”. The more I play with Adobe XD, the more I think this will be the design and prototyping tool of the future. Really looking forward for the new October release, maybe this time we’ll finally get the layers panel!
Stay tuned for the next tutorial.
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.
Whats’ up guys? Welcome back to XDGuru! In this second Adobe XD tutorial, I’ll show you how to design a screen for a travel app .
You are going to learn a few interesting things in this 40 minutes video: how easy it is to design several icons from scratch, how to use gradients (new feature just launched in the latest Adobe XD August release) and how practical it is to replicate content in your design by using the “Repeat Grid” feature… and much more.
Please subscribe to our Youtube channel to get more UI/UX design tutorials with Adobe XD as soon as they are released.
Thanks for watching!
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.
Hey guys,
welcome to XDGuru.com! This is my very first post and I am very excited to start this new adventure.
My name is Luca and I am a UI/UX designer based in London.
UI/UX design is not only my job, it’s also one of my biggest passions. Actually I don’t even consider it a job, it’s a hobby which eventually allows me to make some money 🙂
In this blog I would like to share my knowledge with you guys and post tutorials and tips for a new pretty cool piece of software which was launched a few months ago by Adobe: Adobe XD (Experience Design).
At the time of writing this post (August 2016), Adobe XD is still in a free Preview version, and available only for Mac. What we have at the moment is still far away from a fully functional design tool like Sketch, or even Photoshop. Plenty of important features are still missing, and the software is just not yet ready to be used for real projects / real client work.
But we are not that far away: the guys at Adobe are doing a great job listening to the design community (maybe for the first time ever, I dare say), and they are iterating quite fast by releasing new updates on a monthly basis.