Figma Practical Essentials: Design Movies App From Scratch

Master the essentials of Figma and create a stunning movies app!

What you'll learn

Design your own Movies Web App in Figma!

Figma Essential Features to feel confident while designing your own UI

Learn the basics of components and variants

Reuse Assets needed to create a stunning Movies App UI

Create basic interactive prototype & test it in the Presentation Mode

Requirements

No prior Figma experience is needed as we will start everything from scratch. However, if you worked with other UX design tools such as Sketch, Adobe XD, etc, it will be much easier for you to follow the course.

Free Figma account is required to follow along

Description

Are you eager to dive into the world of UX/UI web application design? Look no further! This Figma course offers an immersive experience that emphasizes practicality over endless theory.Join me on a journey to craft an extraordinary movie streaming application, as I guide you through each step of the UX design process. Say goodbye to monotonous lectures and hello to hands-on practice that will empower you to create a modern and captivating movies app for your portfolio.Throughout the course, you'll master essential skills such as:frame creationlayout gridslayer hierarchyshape editingtypographycolor and font stylescomponent basicsvariantsprototyping, animationsinteractive componentsand moreAnd that's just the tip of the iceberg!This course is perfect for:Beginners eager to enter the world of UX/UI web application design in Figma.Individuals seeking a practical learning experience rather than just theoretical knowledge.Aspiring designers who want to build a captivating movies app from scratch for their portfolio.Designers who want to brush up their Figma skills and try out something new!This course may NOT be suitable for:Experienced UX/UI designers looking for advanced-level content about Figma such as auto-layout, components in-depth dive, advanced microinteractions, etc.Individuals seeking a course with a heavy focus on theoretical concepts rather than practical application.Don't miss out on this incredible opportunity to turn your passion for design into a tangible skillset. Join our Figma course today and embark on a transformative journey towards becoming a skilled UX/UI web application designer. The possibilities are limitless, and your dream projects are just a click away.

Overview

Section 1: Introduction, Figma Exercise File

Lecture 1 Course Introduction

Lecture 2 Figma Exercise File - 7 Screens

Section 2: Figma Basics | Design a Home Screen

Lecture 3 Set up Frame & Add Layout Grid

Lecture 4 Log in Elements: Text, Colors, Layers and Alignment

Section 3: Figma Intermediate | Design a Dashboard

Lecture 5 Design a Side Menu Navigation Bar

Lecture 6 Quick Intro to Components

Lecture 7 Create a Hero Section with a Movie Banner

Lecture 8 Quick Variants Intro With a Like Button

Lecture 9 Design Trending Movies Cards

Lecture 10 Design Continue Watching Cards

Section 4: Figma Prototoping: Let's Add Interaction!

Lecture 11 Create Basic Prototyping Interaction

Lecture 12 Add Interactive Components

Section 5: Final Thoughts

Lecture 13 Thank you!

UX/UI Designers and anyone who want to learn Figma,UX/UI Designers who want to create a new project for their portfolio,UX Designers who want to level up their UI design skills,Creatives who want to gain knowledge and practice in UX/UI and Figma