Figma
Bring your design alive with Figma prototyping. In this deep dive, we will learn everything about creating basic prototypes, smart animating in Figma, re-usable interactive components, and how to share and document.
I will provide you with a Figma file, that lets you follow alongside me during the videos or return to exercises with detailed instructions in your own time.
This course is for you if you have a basic knowledge of Figma or if you are an advanced Figma user and want to improve your prototyping skills.
Prototyping Basics
- Config 2023 feature update overview NEW - The Figma Prototype workspace - Where should my prototype live? - On-screen device preview - Fixed and scrollable elements - Nesting frames for presentations - Horizontal and vertical scroll - Linking screens - The back action - Scroll to - Overlays - Linking to external pages - Action triggers - Figma animation options - Easing curves - Sections and stateful design - Flows in Figma - Adding videos to prototypes - Preview on your mobile
Smart Animate with Figma
- Smart animate in Figma - Smart animate and moving animations - Limitations of smart animate - Let's build a smart animated app - Remember: Animate with purpose and code in mind
Interactive Components
- Interactive components - Nesting interactive components - Easy hover and zoom animations - Video interactions - Interactive components and auto layout - Funnel components
Prototyping with Variables
- Prototyping with variables NEW - Variant swap with variables NEW - Expressions NEW - Interaction chaining NEW - Conditional statements NEW - Conditional statements and booleans NEW
Documenting and Sharing Figma Prototypes
- Document prototypes with flows - Sharing prototype links - Documenting interactive components for handoff - Embedding in external documentation
© moonlearning.io with moon learning / moonlearning
Christine Vallaure
No reviews yet. Be the first to review this course.
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
10 hours
Ten hours of deep learning from Edureka, from the neural network up.
9 hours
Eight and a half hours on deep learning, from neural networks to the frameworks that train them.
57 minutes
The opening lecture of MIT's introductory deep learning course.
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 hour
Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...
24 minutes
Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...
23 minutes
Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...
Subscription
