{section}
{column:width=1px}
{panel}
{gallery:columns=2}
{panel}
{column}
{column}
Ever heard the saying _'a picture is worth a thousand words'_? Using the +[Balsamiq Mockups Plugin|https://plugins.atlassian.com/plugin/details/256]+ you can create and visualise mockups of diagrams for proposed layouts of website content, new features, and much more, right within Confluence.
* Our *Development Team* uses Balsamiq to mockup new features for our products. The Balsamiq Mockup below eventuated in the new Image Browser that shipped in Confluence 3.1.
* Our *Marketing Team* use Balsamiq to create mockups of pages for our website in Confluence. The mockups are then given to our *Web Team* to implement.
h5. How to add a Mockup to an existing page
# *Hover your cursor* over the _Add_ menu on any Confluence page
# *Select* *{_}UI Mockup{_}*
# *Use the Balsamiq Web-based editor* to complete your mockup
# Once you've completed your mockup, *select* *{_}Save and Close{_}* *from the* *{_}Mockup{_}* *menu in the top-left of the Balsamiq editor*
h5. Watch the video
{widget:url=http://www.youtube.com/watch?v=e7htdJCvkeQ}
h5. Import Existing Mockups
You can [+reuse a whole bunch of Mockups+|http://mockupstogo.net/] that have been contributed by the community.
{column}
{section}
{column:width=1px}
{panel}
{gallery:columns=2}
{panel}
{column}
{column}
Ever heard the saying _'a picture is worth a thousand words'_? Using the +[Balsamiq Mockups Plugin|https://plugins.atlassian.com/plugin/details/256]+ you can create and visualise mockups of diagrams for proposed layouts of website content, new features, and much more, right within Confluence.
* Our *Development Team* uses Balsamiq to mockup new features for our products. The Balsamiq Mockup below eventuated in the new Image Browser that shipped in Confluence 3.1.
* Our *Marketing Team* use Balsamiq to create mockups of pages for our website in Confluence. The mockups are then given to our *Web Team* to implement.
h5. How to add a Mockup to an existing page
# *Hover your cursor* over the _Add_ menu on any Confluence page
# *Select* *{_}UI Mockup{_}*
# *Use the Balsamiq Web-based editor* to complete your mockup
# Once you've completed your mockup, *select* *{_}Save and Close{_}* *from the* *{_}Mockup{_}* *menu in the top-left of the Balsamiq editor*
h5. Watch the video
{widget:url=http://www.youtube.com/watch?v=e7htdJCvkeQ}
h5. Import Existing Mockups
You can [+reuse a whole bunch of Mockups+|http://mockupstogo.net/] that have been contributed by the community.
{column}
{section}