In our last post, how to make a heart in Adobe XD using less than three elements to give us a perfect heart shape was shown. In this post, I’m going to show you how to create a hover effect. This can be used to create a simple heart button that can be toggled on […]
We are now able to create a heart shape easily in Adobe XD. Before, we were creating our mockups in Photoshop, possibly with glyphs or SVG heart icons. Creating hearts has never been easier in Adobe XD. Create your own in seconds! From the toolbar on the left, select the triangle. Drag a triangle on […]
In our previous video, we imported a Photoshop file into Adobe XD. And it should have opened with editable artboards, layers, and assets. As a result, when you choose the Select Tool (black arrow) and select the artboard as an artboard, its layers will appear on the left, just as they did in Photoshop before […]
With Adobe XD, you have learned how to create wireframes, and then by dragging and dropping image assets into those wireframes, you have created a mockup that quickly transitions into a prototype. Many businesses and agencies still use Photoshop to create mockups. There’s nothing wrong with that. I want to show you many different ways […]
Do you ever find yourself working in Photoshop and writing a note to yourself? Photoshop makes it easy for you to write notes right within Photoshop? An under-utilized tool, I think! https://youtu.be/NSwzyHzfrvU The note tool is located in the same list as the ruler and eyedropper tool, so selecting the note tool becomes very simple. […]
Hey everyone, welcome back to another tutorial on Adobe XD. In our last video, we created our first basic prototype. I will talk while I continue to build the prototype connections and then make the first transitions. If you like, You can speed up or look at the chapters to see when we begin our […]
After creating our wireframes and building our mockups in Adobe XD, we can now start to make it into a dynamic interactive prototype. What do I mean? Think of a mockup with moving actions. Creating interactive prototypes will help get design feedback and user experiences. It will also help with the final product to resemble […]
In the past, if you want to show a client or a colleague, you would either have to bring your laptop over to them or get them to come over to your desk. Thank god for technology. In Adobe XD, at any stage of creating your wireframes, mockups and prototypes, you can share anytime for […]
Adobe XD is a fantastic tool for UI / UX design and will help you create wireframes, mockups, and prototypes to add motion, share it with a client or a team for review, and collaborate with other designers in real-time all in one app. If you are seriously interested in doing web design, this is […]
In this tutorial, you will learn how to take your wireframes and create a static mockup in Adobe XD. Adobe XD is a fantastic tool for UI / UX design and will help you create wireframes, mockups, and prototypes to add motion, share it with a client or a team for review, and collaborate with […]