Log in to like this post! Embed External Maps and Videos in Your Prototype George Abraham / Wednesday, January 7, 2015 We added the following new features in Version 4 (update 2): Enhanced Map stencil to display Google Maps Enhanced Video stencil to display videos (e.g., Youtube) Redesigned Project tabs as a compact dropdown Options to view all open projects and documents New iPhone 6/6+ devices Chromes and related tweaks to iOS Pack Right-aligning text inside text input box Touch cursor for touch-based prototypes Bug fixes Enhanced Map Stencil to Display Google Maps We always wanted to enhance the capability of stencils available in the toolbox. In this update we added an additional property to the Map stencil to embed Google maps in your prototypes. The process is pretty straight forward. Simply grab the embed code from Google Maps website and add it to the stencil. We have started with supporting Google maps, but we may expand to other popular services if there is interest. In order to view the final map rendered, you will need to either preview or share your prototype. See help topic on embedding maps for more information. Enhanced Video Stencil to Host Video If you want to show a Youtube or Vimeo video in your prototypes, you can now do so with the existing video stencil. Simply grab the URL for the video and add it to the stencil. Indigo will automatically adjust the dimensions to match the video aspect ratio. Indigo Studio may at times be unable to display the thumbnail depending on terms and conditions governing the video service. Read help topic on hosting videos for more information. Redesigned Project Tabs as a Dropdown We made some design tweaks to the project tab area to serve as a compact dropdown (breadcrumb) to switch between open projects. In our observations, users tend to have more screens open than projects, and the multi-leveled tab structure seemed like an overkill. In this update we changed this to breadcrumb style. To switch to another project that’s open, you can click on the project folder button to select it. Option to View All Open Documents As mentioned earlier, users tend to have multiple documents open (i.e., screens, storyboards or screenparts) within a project. At times it’s impossible to squeeze everything into the limited space available. We have now added dropdown to view all open documents. This will show you the order in which you opened them. We have also bumped up the number of characters permissible before clipping. New iPhone 6/6+ devices Chromes This should come as no surprise to you, but it’s here! You can now start building your iPhone 6/6+ prototype. We have also made the necessary tweaks to the iOS pack so that the UI elements fit right in. The prototypes use the pixel dimensions reported by the browser viewport, which is less than the actual device resolution. You can check the viewport size for your device here. Other Small Tweaks We added a touch cursor when previewing device prototypes in the desktop browser to get a feel for the touch target size. The ability to right align text inside the text input box How to get this Update? Here's how you can update the version of Indigo Studio installed on your machine: If you have the option to automatically check for updates on startup checked, you should see a dialog box pop up when you launch Indigo. Simply click update, and Indigo Studio will do the rest. This is the easier approach. If for some reason you chose not to automatically check for updates, go to MENU > HELP & ABOUT and use the "CHECK FOR UPDATES" option. About Indigo Studio for Interaction Prototyping Don't have Indigo Studio? Download a free 30-day trial which will let you try all of the prototyping goodness! Download Indigo Studio Looking to suggest improvements and new ideas for Indigo Studio? Submit a new idea If for some reason you are having trouble with Indigo Studio, check out our help topics, forums or contact support. Get Support Follow us on Twitter @indigodesigned View Release Notes