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.


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


Wireframepro - Custom Pack.gif



3Enter a name for the custom pack.


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


Wireframepro - Custom Pack (1).gif



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 2025-03-26 at 12.23.15 PM.png


7Give a component name.


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
...