Prototypes

Adding External Hyperlinks in Adobe XD

Posted on
Adding External Hyperlinks in Adobe XD

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 […]

Adobe

Search Bar Hover Animation in XD 2 minutes!

Posted on

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 […]

Adobe

From Adobe XD to Code with Anima

Posted on
From Adobe XD to Anima - Using Anima to HTML, CSS and React code

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 […]

Adobe

Using Toggle States in Adobe XD

Posted on

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 […]

Featured

Black Friday Web Hosting 2021 Special

Posted on

Looking for a great deal on web hosting? There are many hosting companies that offer a variety of services, including speed, uptime, customer service, and tech support. Finding a deal on anything is never a shabby idea. It is not right for anyone to pay twice as much as they have to for the same […]

Adobe

Hover to Tap Trigger in Adobe XD

Posted on

If you are working from nothing, to speed up the mockup process, I recommend creating a wireframe first. This will ensure the interface functions as expected. Then, drag your artwork into the wireframe. Here are some videos to help you get started. Users of Photoshop may import files into Adobe XD. For help, watch this […]

Adobe

How to Create a Star in Adobe XD

Posted 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 […]