If you are working in Photoshop and need to create a prototype, you might encounter difficulties directly opening or importing your Photoshop files into Figma. Unfortunately, Figma doesn’t support direct opening of Photoshop files. However, there is a solution to this problem. If you have access to Adobe XD or know someone who does, you […]
Welcome back everyone to another Adobe XD tutorial. In my example, we want to align page elements like text and images using a grid layout. First, you need to figure out how many columns you want and what the gutters and margins are. My math does stink, so we used a website called Grid Calculator. […]
Is your website or designs in need of free illustrations? The purpose of this Adobe XD tutorial is to demonstrate how to download some free vector graphics. The unDraw plugin for Adobe XD offers hundreds of designs that you can use both for personal and commercial purposes. Using Adobe XD, we will demonstrate how to […]
Here we are again, with another Adobe XD tutorial. You’d be surprised at how many of these plugins work with other prototyping applications such as Figma. However, in this tutorial, we will show you how to use Color Designer in Adobe XD. If you wanted to use a colour wheel generator, you would need to […]
Welcome back to another Adobe XD tutorial. This tutorial shows us how to use UI Faces using an Adobe XD plugin. With UI Faces you can create your perfect mockup and prototype by choosing from thousands of avatars that you can filter by age, gender, emotion, and much more for a customized persona or demo. […]
Welcome back with another Adobe XD tutorial. This tutorial shows us how to add live hyperlinks to our prototypes using Adobe XD. That’s right, when you create your prototype, you can link externally to another website. Aim to make your prototypes that are as close as possible to the final product and increase the accuracy […]
Welcome back to another Adobe XD tutorial. In today’s tutorial, we will create a simple search bar hover animation. First things first, let’s draw a rectangle box. Next up, I will take the live corners here and drag them to the center to make a rounded corner button. Select the text tool and type search […]
We’re back for another tutorial for Adobe XD. Last time, we looked at how to search for and install a plugin called Icons 4 Design. This tutorial will help you continue your workflow by looking at a different plugin. From the get-go, we created wireframes, used our wireframes to build our mockup, then made the […]
There are many different Adobe XD plugins available to help you improve your design. In this video, you will learn how to search and install plugins that will be helpful to you in the future. We will install a plugin called Icons 4 Design. One can use ‘Icons 4 Design’ during the wireframes and mockup […]
What are some reasons or ways to use toggle states in Adobe XD? What are some reasons or ways to use toggle states in Adobe XD? Toggle State allows you to create components with toggle behaviour, such as a toggle button, radio button, or even a checkbox. Some might think, hey, the hover state can […]