Animated Filter Micro-Interaction using Adobe XD

In this Adobe XD video, we're going to design and prototype an animated 'filters' icon that can be used on your websites or mobile apps. This technique uses component states and the hover trigger. MORE FROM HOWARD PINSKY: Twitter! http://www.twitter.com/pinsky Dribbble! http://dribbble.com/pinsky Website! http://www.letsxd.com Facebook!...

2w

8 px Nudges in Adobe XD (Square Grid)

In this Adobe XD video, we're going to look at how the Square Grid can help designers nudge layers 8 pixels at a time, versus the default of 10. When the Square Grid is active, you're able to define the size of that grid, and since layers are made to snap to its edges, using the Shift + [arrow] shortcut will let you nudge based on the defined size....

3w

Design & Prototype a Shopping Widget using Nested Components in Adobe XD

In this Adobe XD video, we're going to design and prototype a shopping widget using nested components. This will allow you to add multiple products and hover between each of them. MORE FROM HOWARD PINSKY: Twitter! http://www.twitter.com/pinsky Dribbble! http://dribbble.com/pinsky Website! http://www.letsxd.com Facebook! http://www.facebook.com/howardpinsky...

4w

Design a Personal Planner using Stacks and Padding in Adobe XD

In this Adobe XD video, we're going to use Stacks and Padding to help us design tasks for a personal planner for the web or desktop. MORE FROM HOWARD PINSKY: Twitter! http://www.twitter.com/pinsky Dribbble! http://dribbble.com/pinsky Website! http://www.letsxd.com Facebook! http://www.facebook.com/howardpinsky Subscribe! http://www.youtube.com/subscription_center?add_user=iceflowstudios

4w

Design & Prototype Circular Charts in Adobe XD

In this Adobe XD video, we're going to design and prototype circular charts using components, states, and auto-animate. Auto-Animate eliminates the need for keyframing by automatically creating the transitions for you. Adobe XD will look at the differences between two artboards or component states and animates the changes. MORE FROM HOWARD PINSKY:...

5w

Design Marketing Banners in Adobe XD using Padding

In this Adobe XD video, we're going to design marketing banners while using Stacks and Padding to speed up our workflows. MORE FROM HOWARD PINSKY: Twitter! http://www.twitter.com/pinsky Dribbble! http://dribbble.com/pinsky Website! http://www.letsxd.com Facebook! http://www.facebook.com/howardpinsky Subscribe! http://www.youtube.com/subscription_center?add_user=iceflowstudios

Mar 2021

Multi-Level Nested Dropdown Menus in Adobe XD

In this Adobe XD video, we're going to be designing and prototyping a multi-level dropdown menu using nested Component States. Components in Adobe XD allows you to save commonly used elements, like buttons and icons, within your assets panel so you can quickly grab one when needed. They also resizability, overrides, and states to further streamline...

Mar 2021

Design a Cryptocurrency Landing Page in Adobe XD

In this Adobe XD video, we're going to build out a simple cryptocurrency landing page using various features to help speed up your workflow. We'll touch on assets, padding, stacks, and more. MORE FROM HOWARD PINSKY: Twitter! http://www.twitter.com/pinsky Dribbble! http://dribbble.com/pinsky Website! http://www.letsxd.com Facebook!...

Mar 2021

Animate Your Charts in Adobe XD (Part 3)

In this Adobe XD video, we're going to design and prototype two charts for a financial or cryptocurrency website experience using Auto-Animate and the Confetti plugin. Download this file on Dribbble: https://dribbble.com/shots/15230952-Crypto-Financial-Charts MORE FROM HOWARD PINSKY: Twitter! http://www.twitter.com/pinsky Dribbble! http://dribbble.com/pinsky...

Mar 2021

Design a Sign Up Form in Adobe XD (Part 2)

In today's Adobe XD video, we're going to design a sign up form for your website using Components. Components in Adobe XD allows you to save commonly used elements, like buttons and icons, within your assets panel so you can quickly grab one when needed. They also resizability, overrides, and states to further streamline your workflows. MORE FROM...

Mar 2021