Get a head start on your designs by downloading free UI kits for Adobe XD. Access the latest UI resources available for Apple, Google, and Microsoft to save time when designing for different device interfaces and platforms. UI kits and wireframes are XD files that include common design elements such as icons, keyboard layouts, navigation bars, inputs, buttons, and more.
design-app-ui-resource-kit1800x1012

Download a UI Kit
 

Click a link in the UI Kits section of the Welcome Screen, or from the File or hamburger menu, to download the UI Kit you’d like to use. Depending on the resource, the download file will either be an .xd or a .zip file. If it’s a .zip file, uncompress it to access the .xd file.

design-app-ui-resource-kitimage-1

Open the UI Kit

Open the .xd file (File > Open) you downloaded. You may get a message that you are missing fonts. Install the fonts provided in the .zip file to update your design. If you are using Windows, you will need to close XD then install the fonts.

design-app-ui-resource-kitimage-2

Design for different devices

UI kits consist of artboards with UI elements you can reuse in your designs. You can rename the file and continue to complete the design. Or, you can copy and paste elements from the UI kit into your own design. Update the colors and design elements as necessary. Click the Assets icon in the lower left to open the Assets panel and speed up your workflow with reusable color swatches, character styles, and symbols.

design-app-ui-resource-kitimage-3

Be sure to check out Lay out and design your app or website for more information on how you can use the Assets panel and UI kits to update your designs in Adobe XD.

11/28/2018
此页面是否有帮助?