Clean handoff Figma Plugin

Home / Clean handoff

May 31, 2021

Optimize your handoff design workflow with version controlling and structured Figma project using the “Clean handoff” free Figma plugin.

Coordinating between the Design and Development departments while working simultaneously on Figma projects can be a hassle, for the most part, it can take a while for both teams to find an organized path to achieving the ultimate goal from my own experience.

So how about a new Figma plugin to ameliorate the whole Design/Implementation process?

The process goes as follows; Designers design mockups (high fidelity) on Figma and then hand them to the Frontend team for implementation. Here’s the pain in this process; edits can still occur from the Design team. Not often, but it can happen. It could be simply by mistake or intentional. Either way, changes have been made while the Developers are working on the same Figma page and specifically on the same Frame.

Following this encounter, my goal was to generate a sustainable and efficient solution for all who might be facing this type of problem on Figma.

I then developed a new Figma Plugin that would help teams have:

Better structures for Figma projects
Version control system for a better trackability
Improved workflow between Developers and Designers

Easy to use:

[First feature] Generate a structured Figma project by clicking the first option.

[Second feature] Open the handoff design modal and follow the steps:

Select any frames you want for handoff designs (Default: all frames selected).
Select “Create new page” or handoff frames to an existing page.
Add a handoff design version number (Required for handoff to a new page) with the option of locking selected frames (toggle).
Add related Link e.g. asana task, Jira ticket, or Github PR link … (Optional)
Add a short description about changes done (Optional)
Hit the “Handoff designs” button, and the plugin will take it from there 🎉✨ .

Start improving your workflow today.

Contributing to the community is such an incredible feeling ♥️, I am happy to receive your feedback to improve this plugin. So Figmers, feel free to share your thoughts.