Join Demian Borba for an in-depth discussion in this video What is Adobe XD?, part of Adobe XD CC Essential Training: Design (2018).
- [Instructor] All right, before we start talking about designing in XD, let's talk about what XD really is. So XD came out of this phrase that we had at Adobe, design at the speed of thought. We wanted to create a tool that was fast, that was easy to do, that would help designers go as fast as possible, to learn as fast as possible, to do amazing experiences. And we knew that Photoshop and Illustrator were not initially designed for this new way of iterate on designs, validate, and fail fast.
So in summary, Adobe XD is the UX/UI design solution for experienced designers to design, prototype, and share engaging user experiences. XD's available for Mac, Windows, iOS and Android as companion apps, and all the prototypes, designs, and design specs that you share on the web, are available as links for developers and stakeholders to consume. I'd like to cover the principles of XD, everything that we thought about before starting. And this is guiding the evolution of XD.
XD ships every month and every time, we follow the principles. So the first one is lightweight and approachable. We wanted XD to be fast and easy to use. You can know that XD renders thousands of art boards with no problems but anyone can use XD, anyone can learn how to use it very quickly. The second one is remove friction everywhere. So we looked at the whole UX/UI workflow of today and we tried to not only make individual sections of the workflow better, but sometimes we wanted to remove entire portions of the workflow to make it fast.
And the last one, transparent and open. Transparent meaning that anyone can submit feedback, anyone can file bugs, and we make all the backlog, all the items that are suggested by the community, available on Adobe XD dot uservoice dot com so anyone can where features are. And open, meaning that, especially now, plugin developers will start to develop plugins so the platform is really open, really accessible. And we have three more things that are guiding us throughout the development of Adobe XD.
So the first one is excellence over shortcuts meaning that if we have a faster way to finish a feature but it's going to be not the ideal solution, we're going to choose the excellence. We're going to do the hard path to deliver the best app possible. Quality over scope. It's really aligned with that. So instead of just jumping over and adding tons and tons of features, we're really looking at the wholistic view and are trying to make the workflow as fast and as effective as possible. So quality over scope.
And the last one, continuous improvements. So every month, you see more features, more improvements. We're learning as we do things so sometimes we do one thing that doesn't work perfectly, we're going to revisit that and every time we have an update, we're going to change that. So we're learning and we're using the iterative process in XD. So we use XD to develop and to validate XD. I have more information on this post created by Tom Krcha, one of the founders of Adobe XD, talking more detail information about the principles of XD.
XD is really around this new way of design. So we're not just doing visual designs anymore, we're not just sharing comps of UIs anymore. We're really focused this iterative design where you can create MVP, Minimal Viable Product, tasked and validate as fast as possible. In this iterative design process, is focused on design. So you design your screens, you design your wireframes, your high fidelity designs, your side maps, your app maps. Then you prototype as fast as possible, you link your screens together to have that experience on your preview window on the desktop, also available on mobile to get a sense of how that design, that prototype will work.
Then you share to get feedback from stakeholders, to validate with users, to iterate as fast as possible. And when you share, you can share links of designs and prototypes, and you can also share design specs for developers. So developers can inspect measurements, color, character style, and go from there when they have to actually develop the app, that's all validated. So you design your prototype, you share once everything's finished, you can export assets and you can use design specs for the developers to make it happen.
Just a quick overview here, you have your design mode in XD and this course really covers that. Then you also have your prototype mode and this is saved for a separate course. You have your share piece of XD where you can publish prototypes, you can publish design specs. And you have companion apps for mobile. On the Mac, you can connect the usb to have real time preview. And on Windows, you have to have your files stored in creative cloud files and then load them in your mobile app.
Same for Mac, you can also access the creative cloud files. So that's Adobe XD. Let's begin.
- Setting up artboards
- Using square and layout grids
- Creating and editing vector shapes
- Working with masks
- Using symbols with text and image overrides
- Visually repeating elements with the new Repeat Grid
- Using the new Assets panel to manage colors and character styles
- Creating and consuming bitmaps and vectors from CC Libraries