Adobe XD CC Fundamentals

Get started with Adobe XD by creating a project, exploring the interface, drawing with shape, line, and pen tools, and mastering text formats, grouping, transforming, and masking assets.

Explore the Adobe XD interface across Windows and Mac, navigate the left hamburger menu, home, design and prototype workspaces, zoom, preview on mobile, and the properties and assets panels.

Explore Adobe XD artboards by viewing outputs in action, naming artworks, and creating multiple screens with presets and custom sizes; use the spacebar to pan and adjust width and height.

Master Adobe XD CC Fundamentals by drawing rectangles, ellipses, circles, and lines with shape and line tools; constrain with shift, draw from center with option key, and create concentric shapes.

Master the pen tool to draw straight and curved paths, place anchor points, manipulate handles for smooth curves, and close shapes, with practice on simple example shapes.

Use the text tool to create a text container, type, and watch how text wraps inside. Adjust font, size, color, and alignment in the properties to format headings or paragraphs.

Learn to select and transform objects with the select tool, bounding box, and transform handles; group multiple objects for synchronized movement, and apply corner radius to all corners.

Combine simple shapes in Adobe XD CC Fundamentals to create complex icons using boolean operations like add, subtract, intersect, and exclude; edit live shapes for refinement.

Import images and graphics into Adobe XD from Illustrator, using copy-paste or export to jpeg, png, gif, or svg, then position, scale, and clip on the splash screen.

Learn two masking techniques in Adobe XD CC fundamentals: duplicate a circular shape to mask a photograph, and drag and drop a photo onto a masking shape for instant masking.

Learn to accelerate design in Adobe XD by using color assets, character styles, and symbols in the assets panel, enabling consistent updates and rapid application across artwork.

Learn to use repeat grids in Adobe XD to create scrolling, repeating content; group, link navigation, swap text and graphics, and populate items from text files for efficient prototyping.

Extend repeating grid outputs to create vertical scrolling content. Use fixed position when scrolling for the navigation bar to keep non-scrolling elements in place.

Switch to prototype mode to link artboards by dragging the blue starting point tab, then use time or tap triggers and transitions to the login screen.

Preview your prototypes in Adobe XD CC Fundamentals by testing interactions in desktop preview and mobile preview, using fullscreen mode and cursor cues to verify interactivity.

Explore creating overlays in Adobe XD CC Fundamentals by linking login, sign up, and social overlay interactions using triggers, actions, and reverse transitions, then test with desktop preview.

Demonstrate advanced interactions in Adobe XD by prototyping drag-trigger animations between duplicated outputs using auto animation, then preview checkbox reveals and refine interactive prototypes.

Learn to publish and share Adobe XD CC prototypes for review, from recording desktop previews to generating public or private links, embeds, and reviewer comments.

Publish design specs by sharing the prototype for development, exporting formats (web, iOS, Android) and including assets via a public link for developers to access detailed design data.

Review scarring effect with repeating grade and output properties, add interactivity by linking the output, test prototypes on screen and mobile, use overlay for login, and publish assets for developers.