DevRocket is an iOS development panel plug-in that provides Adobe Photoshop with additional iOS specific tools and functionalities that are designed to assist key areas in iOS app design for all iPhone models (including the iPhone 5) and all iPad models. A simplified solution to working between display resolutions, breaking down full ui designs into separate elements ready for Xcode and saving for the Retina display are just a few of the awesome features DevRocket brings to iOS designers currently using Photoshop.
Get the right start
With DevRocket you can generate portrait and landscape display canvases for all iPhone and iPad models with one click of a button. We found in most cases iOS developers use the native Xcode navigation ui in their app designs, thats why DevRocket provides a better starting point by including the native iOS status bar and navigation bars as editable elements that are accurately sized and placed to give you a better idea of free display space.
One canvas, two resolutions
DevRocket offers iOS developers a solid and efficient way of designing application ui for both standard and Retina display resolutions using only one Photoshop document. This means you can generate both resolution graphic sets from the same design. Unlike other screen resolution workflows, DevRocket wont allow you to distort your ui design by re-sizing it below or beyond the supported display resolutions of the iOS device you're designing for.
DevRocket allows you to cut down a full ui design into separate files for Xcode using the handy ui snips feature. With one click the ui snips will create a copy of the selected ui onto a new canvas that will be sized specifically to match the ui elements pixels measurements so you dont have to waste time creating new files and dragging things between canvases.
With just one click DevRocket allows you to create icon canvases for all the icon artwork sizes required when designing an iOS app in Xcode. Icon canvases are created for both resolution displays, include a corner radius clipping guide and are named correctly for use in Xcode. For example, a new spotlight icon canvas for the retina display is automatically created with the name “Icon-Small@2x”.
Easy save for Retina display
When designing an app for the iOS Retina display Xcode requires all graphic files in high resolution with the extension @2x applied to the end of the file name. DevRockets Retina easy save feature really simplifies this process by automatically applying the @2x at the end of the file name when you save your Retina display graphics.