Adobe Creative Cloud All-in-One For Dummies, 3rd Edition

Chapter 3

Creating Your User Interface (UI) with Shapes, Paths, and Custom Shapes

IN THIS CHAPTER

Editing shapes

Applying fills

Applying borders

Customizing and saving shapes

Using the Pen tool

Discovering Pen tool tips and tricks

You can create your User Interface using objects such as squares, circles, custom shapes, and paths right in Adobe XD. If you are familiar with Adobe Illustrator, the tools in XD are similar.

Working with the Basic Shapes

In previous chapters, you were introduced to the steps to create simple shapes and change their properties; in this chapter, you discover how to create these shapes and turn them into the UI items you need.

What’s included in XD

There are three main shapes to choose from, Rectangle, Ellipse, and Polygon, but you can customize these foundational shapes to fit any need. Combining them with the Boolean feature allows you to add and delete ...