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

Overview

“In this lesson, you’ll build your homepage by setting up artboards and applying a grid system in Figma. You’ll bring in critical elements like menus and hero sections, ensuring everything aligns appropriately with the grid. You’ll experiment with layouts, colors, and backgrounds as you work, refining each section to create a cohesive, well-structured design.”

In this video lesson Louis Paquet addresses the topic: Leveraging Figma for Creative Layouts 1, 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

“In the previous chapter, we explored multiple layouts options for the different sections of our landing page. Now it's time to analyze and choose the best designs and place them one after the other in the correct order to create the final layout of our homepage. Let's do this for the C2 Montreal project and see which options work best to create the entire layout of our homepage. We'll probably need to do some adjustments to ensure a smooth flow of the page, maybe add an image or change the background color of a section. We'll also work on refining all the details and making sure everything ...”

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 (167)
• 12136 students
• 5 units
• 20 lessons (4h 39m)
• 4 downloads

• Category

  Web & App Design

• Software

  Figma

• Areas

  UX / UI, Web Design