From the course: Figma: Building Animations and Interactions

Unlock this course with a free trial

Join today to access over 24,700 courses taught by industry experts.

Next steps

Next steps

With this course concluded, you should now have a solid foundation of how to navigate common designer developer workflows and enable the building of animations and interactions designed using Figma onto additional platforms like the native web. We began this course by examining a completed Figma design prototype that includes a variety of interactions and accompanying animations. We explored how to share our design files with others through both a common share link and also through the use of Figma's Dev Mode functionality. We closed out this portion of the course by viewing Dev Mode from a developer's perspective. Following this, we began working across our Figma design prototype and our code editor in preparation for translating what was designed in Figma to native web code. We saw how to read CSS rules and copy them directly from Figma into our CSS file in the editor. We also explored methods for exporting image assets from Figma for use within our native web structures. Finally…

Contents