Vector assets are exportable Figma components that are used in your design system.

Add a vector asset block

Add assets to your documentation with the Asset block.
- Select Vector assets from the block menu.
- Click Select assets in the empty block.
- In the dialog, you can then choose to add either an assets group, or individual assets (you can't add both). Search and select the assets group or individual assets you'd like to use for the block in the selection dialog. The assets will be shown in the same order in your published documentation.
- Click Save selection.

There are three display variants to choose from for your assets block — simple grid, square grid, or borderless grid. You can select one in the property panel on the right. You can also drag the slider in the Columns section of the panel to set how many columns the grid will contain.
You can always preview your documentation to see how the block will look on your live documentation site.
Include subgroups option in the Content section, ensures that the block will display not only the group you initially selected but also all current and future subgroups along with their assets.

Remove an asset
To remove an asset from the block:
- In the property panel on the right, click Change selection (in the Content section).
- In the dialog, deselect the assets you want to remove. You can search for specific assets if needed.
- Click Save selection.
Display options
In the property panel, you can also customize the following display options:
- Show descriptions: Shows or hides the component description.
- Show search: Shows or hides dedicated search for this block in published documentation.
- Preview box size: Determines the height of the asset's container. You can either set it to the same height for every container, or individual heights based on the height of the asset itself.
- Preview box height: Customize the height of the preview container when using a fixed-size box.
- Preview background: Change the background color of the asset previews.