Sympli: Life changing tool
User Interface/User Experience (UI/UX) design is very critical for the success of your application. Smart and efficient design can spark users’ interest and keep them using the software.
At Dashlane, an emphasis is put on having great designs with a streamlined, simple and user-friendly interface to create a seamless experience for end-users.
Working in an Agile environment provides excellent visibility for designers and developers. The developers get a better view of the features they are working on, and they can give technical feedback to designers that will help the conception and achieve goals.
The cracks begin to show
However, this communication is not always fluid. Before I go into details, let me give you a breakdown of my personal experience as a Mac UI developer.
For each feature, we have to add, at some point the design gets approved, and it’s time for implementation.
If everything were well-organised developers would have a known place where they can find the necessary elements of the design such as colors used, the margins between UI elements, their sizes, fonts, images and so on…
But unfortunately, this is pretty hard for designers to maintain.
We end up with a PNG design file and a lot of questions and back and forth.
Things get even worse when the “final design” has to be updated, which happens pretty much all the time. Usually, it starts with tweaks of existing elements that is communicated via slack or attached to Jira. Then other changes come up, and it’s a repeated cycle again.
It gets hard to keep track of all changes and ensure nothing is missed. Those modifications have to be communicated to all other developers on other teams making sure they are up to date.
Sympli as a solution
My personal experience coupled with frustration, had me thinking there has to be a tool out there to facilitate this entire process. My search leads me to Sympli.
A tech company based in Washington D.C, Sympli is a collaboration tool, bridging the gap between designers and developers.
Sympli is a handy tool, available as a Web app and a plugin for Android Studio and Xcode. It supports both Sketch and Photoshop designs. It’s free for one project with price points to reflect project sizes.
Sympli provides visual specs of the design elements in platform-specific units. It generates color palettes that can be grouped in categories (Brand books). Bitmap and vector assets can be exported quickly and easily. Where needed, you can apply all style guides in one click from Sympli plugin.
You can annotate design inside Sympli, alongside with design version control.
The outstanding feature for me is the ability to drag and drop design elements to Xcode to generate layouts. For Android developers, this feature is coming soon with Layout Editor.
From my conversation I had with Sympli support (excellent customer service), here is a brief summary of upcoming features:
- Official support for Mac projects by adding the drag & drop feature, the same thing applies to the new Layout Editor for Android.
- Designers won’t need to communicate what changes they made as they will be shown by a side-by-side visual versions comparison.
- Code-level styling in Swift and Objective-C when implementing the UI by code and not in Interface Builder.
After extensive use of Sympli, I felt this could be a useful tool for Dashlane. Always one looking for new and better ways to improve processes, a demo was much needed to convince Dashlane we could improve and save time with our design and implementation process. My presentation demonstrated the ease of use and how Sympli eliminates ambiguity.
This presentation generated a lot of awareness and sparked interests. After further discussions, we have decided to give Sympli a try and see how this will better simplify our current process.
An upcoming post will further update you on how we have incorporated Sympli into our workflow and how it is working out for us.
Have you used Sympli? What are your thoughts on it? Let me know in a comment below.