Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows - Episode 39

Overview

Explore advanced Adobe XD techniques in this 58-minute masterclass led by Adobe XD Evangelist Howard Pinsky. Learn to improve your design workflows by choosing optimal document sizes, saving assets to libraries, and adding links to webpage designs. Master the use of design plug-ins for creating search bars, utilize the rectangle tool for photo shapes, and enhance image readability with overlays. Discover how to efficiently create image links using stacks, employ repeat grids for multiple shapes, and add text information to image link shapes. Create compelling call-to-action buttons with component states, integrate text headers, and leverage the Google Sheets plug-in for populating repeat grids. Finally, learn to design interactive elements like favorite buttons and genre tag lists to enhance user engagement in your Adobe XD projects.

Syllabus

start
Let’s Xd Website
Intro to Today’s Project
Choosing Document Size
Saving Assets to Libraries
Adding Links to a Webpage Design
Using Icons for Design Plug In to Make a Search Bar
Creating Shapes with the Rectangle Tool for Photos
Adding Overlay to Image to Read Text Better
Using Stacks to Create Image Links
Using Repeat Grid to Create More Rectangle Shapes
Adding Text Info to Image Link Shapes
Creating a Call to Action Button
Creating a Component State for Button
Adding Text Header
Google Sheets Plug-In to Add Info to Repeat Grid
Creating a Favorite Button with Heart Shortcut
Making a List of Genre Tags