Figma for Designers
Developer Handoff – Inspect Mode and Exporting Assets
Figma for Designers
0% Completed
Introduction to Figma
This topic introduces students to Figma as a design tool and helps them get comfortable navigating its interface before diving into actual design work.
This topic covers Figma's fundamental design tools, teaching students how to create shapes, add text, and apply colors — the basic building blocks of any design.
This topic introduces components, a core Figma feature that enables reusable, consistent design elements, laying the groundwork for building scalable design systems.
This topic teaches students how to bring static designs to life by linking screens together and adding interactions, simulating how a real product would function.
This topic covers Figma's collaboration features and how designs are handed off to developers, reflecting how design teams work together in real-world workflows.
This final topic lets students apply everything learned throughout the course by designing and prototyping a complete mobile app project from start to finish.
This lesson covers Figma’s Inspect mode, which lets developers view design specs like spacing and colors, and teaches students how to export assets properly for development.