![]() ![]() After a lot of hard work and lots of trial and error, we had the designs converted into a readable JSON document that we called a "Source JSON".īut we weren't finished yet. So the team got to work cracking open Photoshop's notoriously opaque binary format and Sketch's SQLite database with binary plist blobs (this was before Sketch 43's new format was released). These parsers would need to deconstruct the file and convert the contents to JSON. The first task was building parsers that could extract data from Photoshop and Sketch files without relying on the design tool itself. ![]() This was quite a lot to take on at once, but we were confident that we could deliver and it would've killed us not to at least give it a try. Be able to visually display the full design (including panning and zooming in).Open designs without the design tool installed (just drag and drop the file).We focused our entire engineering team on building two interconnected features: In the middle of 2016, we turned this feedback into an action plan. We also did some UX testing with our designer and developer friends in Prague to learn more about the pain points in the design handoff workflow. Taking it up a notchĪfter our launch, we listened closely to feedback from our customers. It was a success!īut we were just getting started. At launch, it targeted teams using Photoshop and we started hearing that they saw their design → code process get faster and more accurate. Many designers were still using Photoshop and developers didn't have a great way to get what they needed from those designs.Īvocode 1.0 was released to address those problems. Avocode's humble beginningsīack in 2014, there was a lot of pain involved with designers handing off UI designs to developers. This is the story of how it all came to be. Though Open Design was first released in early 2021, the technology behind it has been powering Avocode's design handoff tool for six years. Open Design is a developer toolkit that allows you to read and display data from designs using code.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |