Avocode for iOS & Android

Inspect PSD/Sketch designs & build pixel perfect mobile apps

#5 Product of the DayJanuary 17, 2017

This Avocode update allows you to hand-off and inspect Photoshop and Sketch designs, generate Swift, Android, and React Native code from layer styles and export PNG, JPEG and SVG images in any resolution up to @4x or xxxhdpi.

Would you recommend this product?
No reviews yet
Hello hunters! 😺 We're stoked to announce a new version of Avocode. We built it to cover the "design to mobile code" workflow. Here's just a taste of what you can do with it: - Inspect Photoshop & Sketch designs on Mac, PC, or Linux - Turn layers to Swift, Android, and even React Native code - Scale & export images up to @4x or xxxhdpi - Measure sizes and distances in px, pt, or dp - Export colors in HEX, UIcolor, & HEX8 - Customize code output, hide & reorder its parts To celebrate this new update we're offering you a special 30 days free trial on this link: https://avocode.com/mobile/ No credit card required, no strings attached. 🙌 Do you have any ideas how we could make Avocode more suitable for your team's workflow? Let me know in the comments or at vu@avocode.com. Thanks. 😉
@helloiamvu @avocode Great job guys! Does mobile require a separate account or will it be included with the main Avocode subscription? It's not mentioned on the pricing page. P.S. from companies like Spotify or SalesForce. ... Salesforce is with lower case "f" :)
@petrbela Thanks Petr! Mobile support is 100% included in the main Avocode subscription - so you won't be charged anything extra. We strive to provide all in one tool to cover design to code workflow of web, iOS and Android projects. Thank you for spotting that typo, we'll fix it.
@helloiamvu @4x @avocode Congrats, guys! My only suggestion would be to stop using the phrase "pixel perfect", as that went out the window with responsive design (or so I thought). Otherwise, awesome, be proud of yourselves. :)
Thanks @codeslikeagirl Yeah, sorry about that buzzword :) What we're trying to say is that the new update can show you the design in the correct pixel density. Also our measure tool is quite advanced, since it can show you not just sizes and distances between single layers, but for example a distance between one layer and a selection of multiple layers. All in all this allows devs to recreate the design in code to its highest resemblance.
@helloiamvu @4x @avocode It would be great if there was a demo or something available! Edit: And I didn't notice the huge PLAY button on the homepage. My bad!
Great tool. Does it has any Xcode plugin?
Thanks @arasuvel001, We don't have Xcode plugin at the moment - we're trying to be open to all kinds of workflow from design to code - so right now, we're focusing on supporting multiple formats rather than focusing on integrating with specific products.
I'm loving this. Combining Avocode plus freebbble.com UI kits would be a really interesting way to quickly prototype a new app.
Thank you @kleneway :) Speaking of UI kits, feel free to check out ours: https://avocode.com/guacamole/
@helloiamvu wow, what a beautiful page!