Figma for Edu: Making your first Figma prototype

Video Description

Follow along with the community file: https://www.figma.com/community/file/1482438121138586491 Join a future Figma event or livestream here: https://www.figma.com/events/ A prototype is an interactive tool designers use to visually demonstrate how others will interact with apps and websites. In this session, we will walk through several different methods for creating a prototype in Figma Design. By the end of this session, you will be able to make a basic prototype to test your ideas and share with others. Led by Figma’s Designer Advocate for Education Miguel 'Miggi' Cardona, this live recorded monthly workshop is for students, educators, teachers, instructors, teaching assistants, and those in the ed-tech space. 00:00 Intro 00:37 Prototype example 02:24 Prototype mode 03:10 Follow prototype feature 04:25 Making reusable components 12:04 Demonstrating component instances 15:30 Using device presets 21:05 Scrolling prototypes 22:32 Setting a device for prototype previews 24:48 Constraints for responsive prototypes 27:02 Responsive prototype mode 30:12 Horizontal component scroll 40:51 Creating interactions across frames 51:05 Sharing prototypes 52:23 Q+A ____________________________________________________ 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/