SPECIALITY - UI Design - prototype handoff

When we have completed our design prototype, the next step is to make sure that the developers can use and implement your design in the code. This proccess is called design handoff. You might wonder what exactly happens during this process? Well, it's all about clear communication between designers and developers, the prototype you created must show your design intentions clearly, ensuring that the developers have everything they need to make the prototype into a real product.

In this guide we will focus on how to set up a design handoff process and which tools to use. You'll learn how to prepare your design for handoff and annotate you work for developers to follow smoothly

Remember, the better your handoff, the smoother your design will be implemented!

Know the key elements developers need: spacing, typography and assets

Be able to fully  prepare your designs for development

Now that you have finished your hi-fi prototype you can prepare it for a design handoff by using figmas dev mode functionallity, you'll need to annotate your design to ensure developers understand your design's spacing, typography and intentions.