You’ll notice that the component now has tug-able side handles – you can tug these handles to tile the component as many times as needed. Text: Helvetica Neue, 21, Condensed Boldĭuplicating the Component with Adobe XD’s Repeat Gridsĭrag the mouse cursor to select all of the layers at once, then select the “Repeat Grid” tool from the sidebar.
![adobe xd libraries adobe xd libraries](https://www.sketch.com/images/pages/docs/12-libraries/library-preferences.jpg)
Press T to select the “Text” tool and use the following optional styles:
![adobe xd libraries adobe xd libraries](https://miro.medium.com/max/8996/1*H9xJ-4FtQVEwo40P9iKMAw.png)
#ADOBE XD LIBRARIES SERIES#
Let's create a series of text layers to lay over this rectangle in a moment it’ll be clear that we’re designing article cards consisting of the article’s category, title, and date. Now create another rectangle (400x100px), remove its border, and then use black (#000000) with 80% opacity for the “Fill” color – make sure to select Color Sliders → RGB Sliders first. Press R to create and draw a rectangle, and ensure that the dimensions are 400x300px. Start by opening a new “Web” document from the splash screen – it doesn’t matter which size you choose, as long as there’s a lovely white canvas to work on. Step 1: Designing a Grid of Article Cards “Drag and drop” has also been a feature in most design applications for as long as I can remember, but there’s no way to automate this action with various reusable components at once, essentially offering unique content to a set of components that are otherwise identical in terms of visuals – until now that is.
![adobe xd libraries adobe xd libraries](https://i.ytimg.com/vi/NqnNk_XIUI4/maxresdefault.jpg)
Here’s how we typically import assets today: Let’s take a look at Adobe XD‘s new drag and drop asset import feature, and then you can decide for yourself. But if you ask me, Adobe XD’s Repeat Grids feature indicates that we’re already there. Ever since Adobe decided to take on Sketch by finally building a dedicated user interface design tool, many have wondered how long it would take before both apps were fighting in the same weight division.