Innovative Web Design in Figma: A Step-by-Step Process

Overview

“This lesson takes prototyping to the next level, focusing on polishing every interaction and ensuring seamless user experiences. You’ll experiment with micro-animations, responsive behaviors, and interactive components, making sure every detail aligns perfectly. By the end, your prototype will look visually stunning and provide a smooth, intuitive flow that mimics the final product.”

In this video lesson Louis Paquet addresses the topic: High-Fidelity Prototyping 3, which is part of the Domestika online course: Innovative Web Design in Figma: A Step-by-Step Process. Learn to design beautiful, functional websites by balancing creative design and user experience..

Partial transcription of the video

“The next option that we had was frame overflow. is useful when you have a frame. You need to have a frame for overflow to work Like in this case here, I have a slider. And you need to have elements that are coming out of this frame. If I look at my slider right now, I have a mask with this shape. and my slider is this big. It's just the size here. But when I remove my mask, as you can see, I have more content inside of it that is coming out of the frame. So when you have content coming out of the frame, you can actually activate overflow And what that does? Automatically it's a no scroll, b...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Innovative Web Design in Figma: A Step-by-Step Process

• Level: Beginner
• 99% positive reviews (173)
• 12601 students
• 5 units
• 20 lessons (4h 39m)
• 4 downloads

• Category

  Web & App Design

• Software

  Figma

• Areas

  UX / UI, Web Design