Clicking the square with an 'x' inside it will revert the image to the default placeholder image.Click the rotate icon below the image drop-down to rotate your image in 90-degree increments.Files downloaded from the web will be copied to your project. Wireframes supports GIF, JPG/JPEG, and PNG image file formats. Clicking the cloud opens a dialog to add image from the web by entering a URL directly or by searching Flickr.This is the same as dragging and dropping an image file.
The "+" icon next to the drop-down box allows you to add an image from your computer.Opening it allows you to select a different image from the images you've already imported to your Assets. The drop-down box shows you the name of the current image.The properties specific to images are as follows: You can modify the image properties in the Property Inspector, similar to other UI controls. Doing this will place the image into the selected wireframe and copy the image file to your Assets so that you can easily reuse it in other wireframes. Adding Images in Wireframes ViewĪs mentioned above, dragging an image from your computer to the editor will add it to the canvas. Read on to learn more about adding and using images, icons, and other assets to your projects. Note: The image file formats supported are PNG, JPG/JPEG and GIF.