How to create and share 'Custom component packs' ?

Just like the default UI packs available for iPhone, Android, Web..., etc.  Designers can create custom packs and add their own components to it. Custom component packs are available across all projects in that user's account and they also can be shared with other Team Members.

About sharing custom packs:

Custom component packs are automatically shared for all Team Members with TeamPack/Business licenses. For example, if you have a 3-user TeamPack license, Any custom component pack created will be available for all 3 users of the TeamPack license.  

NOTE: This feature is enabled for TeamPack/Business license users only and is not enabled for users with any other license editions like 'Premium'.

Steps to create custom packs:

1Open category listing from the component sidebar.


Screen Shot 2024-08-08 at 5.24.54 PM.png


2Click on the "Create a component pack" icon.


Screen Shot 2024-08-08 at 5.25.05 PM.png


3Enter a name for the custom pack.


Screen Shot 2024-08-08 at 5.29.08 PM.png


4After the new pack is created, it will automatically open in component sidebar or you can also select later from the pack listing just like selecting any other pack.


Screen Shot 2024-08-08 at 5.29.37 PM.png


5First select the components in the editor (it can be any component, image, icon or group of comps).


6Click the 'Add component to Pack' button in the left sidebar.


Screen Shot 2024-08-08 at 5.30.40 PM.png


7Give a component name.


Screen Shot 2024-08-08 at 5.31.16 PM.png


8This adds the component to the pack immediately.


Screen Shot 2024-08-08 at 5.31.56 PM.png


Note: Components are saved independent of the components present in the wireframe so deleting or modifying the drawing in the wireframe won't affect the saved components in the custom packs.


Rate this article
great ok bad
For more questions - Contact Us
...