How do I add icons to Balsamiq?

Just add the “icon_” prefix to each file name and they’ll show up in the icon library. The words you use in your filename after icon_ are used as the searchable keywords in the icon dialog.

How do I change the color of my icons in Balsamiq?

To re-color your custom PNG icon, follow the steps:

  1. Make sure your PNG is bi-tonal (black icon on a white background or vice versa for filled icon).
  2. Insert your PNG into Balsamiq as an image.
  3. Transform your image to icon with CTRL + T shortcut ot Transform to…
  4. Change the color of the icon!

Can you use Balsamiq on iPad?

Yes! Balsamiq ships with an iPad control and other iOS controls, shown below. You can also find Symbols libraries (also called templates or stencils) for iPad, iPhone, Android and more on our Wireframes to Go website.

How do I add an image to a wireframe?

Here’s how to add images in the Wireframe feature.

  1. Drag the image to anywhere on the Wireframe screen.
  2. You’ll see a message at the top that says, “Image added”.
  3. Head to the picture icon located on the left hand panel.
  4. Simply drag the image to the working screen.

What is Cover Flow in balsamiq?

A cover flow component is used to allow users to see and scroll through a preview of their content. Cover flows may look different depending on the platform or the operating system.

Can you add color to Balsamiq?

While you cannot add a background color to the label itself, it is possible to place a color behind it using the rectangle control. To do this, you will want to make your label and then create a rectangle control (either through the UI library, or using our Quick Draw Shortcuts) that is roughly the same size.

How do you use the color picker in Balsamiq?

Select a Rectangle control. Click the Color property to pop out the color picker. Enter the hex value for Balsamiq red: cc0000. Press ENTER to set the color.

Does balsamiq have an app?

Looking to Try Out Balsamiq? Our web app Balsamiq Cloud and our integrations all come with a FREE trial period. You can also download Wireframes for Desktop for FREE. The application is fully functional for 30 days, but you’ll need a license in order to save your work after the evaluation period is over.

Can I insert image in Balsamiq?

The “+” icon next to the drop-down box allows you to add an image from your computer. This is the same as dragging and dropping an image file. Clicking the cloud opens a dialog to add image from the web by entering a URL directly or by searching Flickr. Wireframes supports GIF, JPG/JPEG, and PNG image file formats.

How do you create a wireframe for a mobile app?

Steps for wireframing a mobile app

  1. Start by mapping out a target user flow.
  2. Sketch out the core part of the user flow.
  3. Start wireframing by setting a Mobile Frame.
  4. Determine layout using boxes.
  5. Use design patterns.
  6. Bring in actual copy.
  7. Ensure your content scales well.
  8. Connect the pages together to create a flow.