After you export your symbols into the project, you can organize them in the Components tab of the Styleguide, using Sections and Groups.

Creating a section

To create a section, you can select a component or multiple components, right-click and select “New Section from Selection”.

Once your section is set up, you can drag and drop components into it. You can also collapse it to hide the components within it.

Sorting components in sections using groups

Within a section, you can also create a group to further organize your components.

To create a group, you can select multiple screens in the section, right-click and select “New Group from Selection”. You can also drag and drop a component on top of another in the section and it will automatically create a group for those two components. 

You can also re-arrange the order of groups inside a section by hovering over the group on the top-left and dragging and dropping it into place.

Related articles:

Did this answer your question?