[{"data":1,"prerenderedAt":100},["ShallowReactive",2],{"article:pixl-preview-an-app-for-real-time-mobile-design-previews-266":3,"\u002Fblog\u002Fpixl-preview-an-app-for-real-time-mobile-design-previews-266-surround":90},{"id":4,"title":5,"author":6,"body":7,"date":76,"description":77,"extension":78,"image":79,"meta":80,"minRead":81,"navigation":82,"path":83,"published":84,"seo":85,"stem":86,"tags":87,"__hash__":89},"blog\u002Fblog\u002Fpixl-preview-an-app-for-real-time-mobile-design-previews-266.md","Pixl Preview, An App For Real Time Mobile Design Previews","Baljeet Singh",{"type":8,"value":9,"toc":72},"minimark",[10,28,37,47,54],[11,12,13,14,22,23],"p",{},"Recently, While designing a application design for android, i came across ",[15,16,17],"a",{"title":17,"href":18,"target":19,"rel":20},"Pixl Preview","https:\u002F\u002Fmarkushintersteiner.at\u002Fpixl-preview\u002F","_blank",[21],"noopener",". Which is a tool that provides r",[24,25,27],"span",{"style":26},"color: #58595c;","ealtime mobile design previews. As their website says",[29,30,31],"blockquote",{},[11,32,33,36],{},[24,34,35],{"style":26},"A more efficient way to iterate over your app designs. Get an accurate look and feel of your designs the moment you're making them, and instantly get an on-device image of all your iterations, tweaks and variations."," You are creating your design in photoshop & the preview will be availabe in real time on your android device. It is very easy to setup",[38,39,40,44],"ul",{},[41,42,43],"li",{},"Both the devices need to be in the same network.",[41,45,46],{},"Enable remote connections in the photoshop by going to Edit-> Remote Connections & Enter service name & password & check enable remote connections.",[11,48,49],{},[50,51],"img",{"alt":52,"src":53},"null","\u002Fimg\u002F2014-08-13_11-26-19.png",[38,55,56,66,69],{},[41,57,58,59,65],{},"Now install Pixl Preview app from the ",[15,60,64],{"title":61,"href":62,"target":19,"rel":63},"Play Store","https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=at.markushi.pixl",[21],"play store",".",[41,67,68],{},"Now open the app on your device, click + button at the bottom of app & enter Name, IP Address, Password as you entered in the photoshop remote connections.",[41,70,71],{},"That's it. Here is the preview, how the app functions",{"title":73,"searchDepth":74,"depth":74,"links":75},"",2,[],"2014-08-12","In this article we will take a look at Pixl Preview, An App For Real Time Mobile Design Previews","md","\u002Fimg\u002F2014-08-13_11-00-40.png",{},3,true,"\u002Fblog\u002Fpixl-preview-an-app-for-real-time-mobile-design-previews-266",false,{"title":5,"description":77},"blog\u002Fpixl-preview-an-app-for-real-time-mobile-design-previews-266",[88],"Web Design","UDNBeR7whCgUq-GMtqTfcxXSCrW4V7FBBmA02sDjylM",[91,95],{"title":92,"path":93,"stem":94,"description":92,"children":-1},"Ionic Snippets – Sublime Plugin","\u002Fblog\u002Fionic-snippets-sublime-plugin-301","blog\u002Fionic-snippets-sublime-plugin-301",{"title":96,"path":97,"stem":98,"description":99,"children":-1},"Up & Running with Vue.js 2.0 by creating a simple blog application","\u002Fblog\u002Frunning-vue-js-2-0-creating-simple-blog-application-709","blog\u002Frunning-vue-js-2-0-creating-simple-blog-application-709","In this article we will be Up & Running with Vue.js 2.0 by creating a simple blog application",1775568352355]