Skip to content

Merge across multiple UI packs

Switching between different component packs while wireframing might become inconvenient sometimes, especially when the user does...

Updated 16 Sep 20261 min read

Switching between different component packs while wireframing might become inconvenient sometimes, especially when the user does not find all the required components in a single UI pack. Also, for performance reasons, component search always works within the selected pack only and not globally across packs.


To overcome the above shortcomings, MockFlow WireframePro provides a feature to bundle multiple UI packs into a single pack. For example, you can combine 'Handdrawn components pack' and 'Handdrawn icons pack' into a single UI pack. You can follow the below procedure to create Merge UI pack which is similar to creating custom component packs as described here - https://support.mockflow.com/article/99-how-to-create-and-share-custom-component-packs


  1. In the Wireframe Editor sidebar, click the 'Change UI Pack' dropdown to view the available packs.


  1. Click the 'Merge UI Pack' icon.


Wireframepro - Merge Pack (1).gif


  1. Select the UI Packs you want to include in your custom pack.


  1. Enter a name for your merged pack and click 'Create Pack'.


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


  1. Your merged pack will now include components from all the selected packs.


Wireframepro - Merge Pack (3).gif


  1. To modify the custom pack, click the 'Organize Pack' button.


Screen Shot 2025-03-26 at 11.02.34 AM.png


  1. Unselect any UI Packs that are not needed.


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




Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft