Balsamiq Community Discussion

Common page for wireframes base layout


I’ve been doing a lot of mockups recently or a new bootstrap based site, however, I’ve started to notice problems when changing say a left hand menu section. If I have 20 pages mocked up, I have to go through and change all 20 pages.

Is there a way of create a single mockup that acts as the base page and then new mockups use that and then overlay that pages work on top? So if I need to alter the base page, I do it once at it is applied to all pages? Bit of a stretch I know…




Hi @fraser_john and welcome to our forums! :slight_smile:

You can achieve this by using our Symbols feature. It will allow you to create reusable common elements that you can use across different mockups.

Editing the Symbol source will allow you to make changes that will be propagated to all the instances of that Symbol (your different mockups).

Hope this helps! Let us know if you need anything else.


Thanks, this looks exactly like what I wanted!