Introducing Sympli Handoff 1.0

Get to know some of Sympli Handoff's key features

Max Ignatyev avatar
Written by Max Ignatyev
Updated over a week ago

Sympli Handoff is a complete collaboration tool for UI designers and developers, that seamlessly connects the dots between handing off designs and translating them into pixel-perfect apps.

It consists of plugins for Sketch, Photoshop, and Adobe XD, rich web app, and extensions for Android Studio and Xcode that work together to bring team collaboration to a new level.

Below are highlights of Sympli Handoff’s key features.

Visual specs

Once exported with the Sympli Handoff plugin, design mockups are automatically turned into pixel-perfect visual specs (or redlines document), so the development team can easily explore them, measure distances, and get detailed information on every single design element in platform-specific units. For example: iOS mockups in Sympli Handoff speak points, and Android mockups speak DPs/SPs.

Assets

Sympli Handoff automatically generates and properly scales assets for Android, iOS, and web projects, in both vector and bitmap formats. This works for Sketch, Photoshop, and Adobe XD mockups.

It handles asset names duplicates, exports hidden assets for you, and even helps designers to stay within assets naming requirements for Android projects. (yay! no broken builds for Android folks!)

Brandbooks

Speak your company’s brand color names, text styles, and even distribute custom font files with Brandbooks. Once created, Brandbooks can be reused across multiple projects.

Versioning

Sympli Handoff keeps track of design mockups versions and automatically notifies the team of important updates. Developers can visually compare changes, and even switch to previous versions of the mockups if needed.

Easy sharing and access management

Sympli makes it simple to share a project with your team!

All you need to do to share the project with your team is to send them a link. The link is available in plugins after every export, or you can find it at any moment in the web app.

We take privacy seriously, so sharing links can be disabled or regenerated by the project owner. And you can always invite team members individually via email.

Comments

If you need to provide notes for your team, we’ve got you covered! You can describe tricky parts, provide links to UX prototypes or provide feedback on mockup with in-place comments.

Connected with Android Studio and Xcode

Working close to source code, Sympli Handoff’s extensions for Android Studio and Xcode not only provide access to visual specs, assets, comments, and updates notifications, but also help developers keep assets up-to-date and implement designs faster.

Smart assets sync

Visually compare the latest asset versions to assets you currently have in your project. You can also filter assets by name, resolution, or format to keep every single change you make to the project under control.

Working out asset naming convention with the design team is not always a piece of cake, the good news is that you don’t have to do it anymore.

With Sympli you can create asset renaming rules once, and they will be applied every time the mockup is being updated!

Did you know - the Sympli plugin for Android Studio automatically converts vector assets into VectorDrawables? Pretty awesome, right?

Extended autocompletion

While editing layouts in an Android project, our plugin pulls properties of the selected elements in the design mockup and adds extended autocompletion options.

You can insert sizes, offsets, text and color values inline, add entries to dimensions, colors or strings XML files, and much more.

Style views. Visually

You can apply all or selected properties of mockup elements to views in Interface Builder (including runtime properties like shadows or corner radiuses) in one click. 

What if I don’t use Interface Builder? No worries, code-level styling is supported too!

What about the auto layout? Graphic editors miss necessary semantics to properly manage auto layout. But Sympli for Xcode supports metadata from Sketch plugins called “Fluid” and “Sketch Constraints” which introduce constraints semantics into mockups and provide options to apply detected constraints.

We’re eager to hear what you think about Sympli Handoff, give our Individual plan a try! Don’t hesitate to contact us with any questions, feedback, or feature requests you might have.

Did this answer your question?