Figma for Edu: Prototyping with animations in Figma
21.5K views · 2026-09-28
UI Design
In this Figma for Edu monthly workshop we create prototypes thst also include animations using Figma motion. We then take the prototypes over to Figma Make, ad MCP to make them real with code.
Get the file template here: https://www.figma.com/community/file/1672692119185977867/prototyping-with-animations-in-figma?fuid=928354749735284981
____________________________________________________
00:00 Introduction
02:25 Intro to Figma Motion
15:53 Exporting video (including transparent video)
18:00 Dev Mode and motion
19:20 Building a classic prototype
45:00 Sending animations and prototypes to Figma Make + via MCP
52:00 Question and Answer
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
Get the file template here: https://www.figma.com/community/file/1672692119185977867/prototyping-with-animations-in-figma?fuid=928354749735284981
____________________________________________________
00:00 Introduction
02:25 Intro to Figma Motion
15:53 Exporting video (including transparent video)
18:00 Dev Mode and motion
19:20 Building a classic prototype
45:00 Sending animations and prototypes to Figma Make + via MCP
52:00 Question and Answer
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/