Discover how to import assets in Adobe XD.

Hvad du har brug for

This sample file is an Adobe Stock asset you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.

What you learned: How to import different types of assets in XD

Methods for importing

You can import different types of assets into XD (JPEG, PNG, SVG, GIF, TIFF, PSD, AI, and Sketch files) using a variety of methods: paste assets into your design, import them using the Import command, or drag them into your XD document from a folder.

Assets you import are embedded in the XD document. If you edit the original image in a program like Photoshop, it won’t change in your XD document. Also, JPEG images you place—but not any other file types—are placed at half of their original size.

Import assets using the Import command

  • Choose File > Import (MacOS) or click the menu in the upper-left corner and choose Import (Windows).

Transforming assets

  • Select an image and, in the Property Inspector on the right, you will see transformation options. If the Lock Aspect option is set (it is set by default for images), then you can resize an image while maintaining the proportions without pressing the Shift key.
  • Drag a corner of the placed image to resize it.
  • Drag a corner widget in the corner of a selected image to change the corner radius for all corners.

Tip: To round each corner independently, select the Different Radius For Each Corner option in the Property Inspector and change each corner value.

Placing SVG graphics

SVG (Scalable Vector Graphics) are vector or drawn graphics files that look great at any size. SVG graphics you paste or import are editable in XD.

  • Place SVG by choosing File > Import (MacOS) or click the menu in the upper-left corner and choose Import (Windows), pasting SVG content from another app, or dragging an SVG file from your desktop into XD.
  • To resize the SVG, press the Shift key and drag a corner. When scaling is complete, release the mouse and then the key.
        
10/11/2019
Var denne side nyttig?