Figma: Handing off to Developers

Learn how to use Figma, the team-oriented interface design tool, in collaboration with development teams, to iterate designs and produce developer-ready assets.

Introduction

• Figma developer handoff
• Course prerequesites

1. Project Prep for Handoff

• Project introduction
• Asset organization
• Asset planning: Code VS asset export
• Components creation

2. Developer Assets and Info

• Exploration of the tools available
• Exploration of the code information
• Export image assets
• Avocode integration introduction
• Avocode: Working with assets
• Zeplin integration introduction
• Zeplin: Working with assets

3. Iteration Workflow

• Exploration of the workflow
• Figma cooperation and version tools

Conclusion

• Next steps