If you’re working across several brands or products but want to build a reusable template that can be applied quickly and cascaded to instances, Component States in Adobe XD may be a beneficial feature to help you in defining these layouts.
In this scenario, a component state is a way of saving a layout, arrangement, or modification of the component. In product design applications states are used for creating interactions like hovers, however they can be applied here to achieve efficiency.
To start, the Main component will need to be the one being edited. In the top right corner, there is a + button next to Components in the UI. Clicking that will allow the addition of a new state. Based off of a default Instagram post, an Instagram post layout can be created by using this new state - name the state Instagram Post.