Depending on the size of your components you may need to adjust them to fit the layout, but Responsive Resize will help you to make easy work of that.
Alternatively, if you are replacing an element that wasn’t already a component, drag the new component over top and position it into place. You can then use the layer panel to select the element underneath and delete it.
Repeat this process until all your page elements are in place and you’ll be left with a completed design using Creative Cloud Libraries. Using the cross-application power of Libraries can help you to go from wireframe or blank canvas, to a fully formed high-fidelity website in no time whether you’re using a robust design system or a brand pattern library.
Discover more about the power of Cloud Libraries in Adobe XD here.