What will I design in the free Figma video game app course?

You will create a video game streaming app interface in Figma, including mobile screens and responsive viewing states.

How should a streaming app UI change from portrait to landscape in Figma?

Landscape layouts should prioritize video playback, resize or reposition controls, and reduce distractions from secondary interface elements.

Why do streaming apps use landscape mode for video viewing?

Landscape mode provides a wider viewing area, making video content more immersive while keeping essential playback controls accessible.

Free Course Image Figma Masterclass for Beginners

Free online course Figma Masterclass for Beginners

Duration of the online course: 3 hours and 55 minutes

New

Build job-ready UI skills with a free Figma course: design a mobile gaming app, learn responsive UX for portrait/landscape, and earn a certificate.

In this free course, learn about

Create a video game app UI in Figma: frames, components, layouts, and prototyping
Apply UX principles for streaming apps: hierarchy, clarity, and touch-target ergonomics
Design responsive layouts for portrait vs landscape orientations on mobile
Understand landscape mode purpose in streaming: optimize video playback and immersion
Plan UI behavior on rotation: reposition, resize, or hide nonessential controls
Use full-screen playback patterns and overlay controls that appear/disappear in landscape
Ensure continuity on rotation: preserve state, minimize disruption, and avoid jarring reflows
Consider safe areas and aspect ratios so video and controls render correctly across devices

About the free online course

Step into UX and UI design by learning Figma from the ground up and creating a polished mobile experience you can be proud to share. This beginner-friendly course is built for anyone who wants to move from curiosity to real capability, guiding you through the essentials of designing an app interface in Figma while developing the design thinking that makes products feel intuitive.

Instead of getting stuck in theory, you will practice by designing a video game app screen-by-screen, learning how to shape layouts, choose components, and keep visual decisions consistent. Along the way, you will start working the way modern product teams work: making deliberate choices, iterating quickly, and keeping the user’s goal at the center of every screen.

A key focus is how great interfaces adapt across contexts, especially when a user rotates a phone from portrait to landscape. You will explore what changes in a streaming-style mobile experience when the viewing mode shifts, why landscape often supports distraction-free consumption, and how UI elements should respond without disrupting the flow. You will learn to think about hierarchy, spacing, readability, and controls so the experience remains clear and usable in both orientations.

By the end, you will not only feel comfortable inside Figma, but you will also understand core responsive UX habits that translate to real projects. Whether you are preparing a first portfolio piece, switching careers into digital design, or adding practical UI skills to your toolkit, this free course helps you build confidence through hands-on creation and user-focused problem solving.

Course content

Video class: Free Figma Course: Design a Video Game App in Figma 3h55m
Exercise: In a mobile application designed for streaming content, what UX consideration should be made when a user rotates their device from portrait to landscape orientation?
Exercise: What feature is designed into streaming platforms that becomes prominent when a user switches their viewing mode from portrait to landscape?
Exercise: How do UI/UX design principles adapt when a user switches from portrait to landscape mode on a mobile streaming application?
Exercise: What consideration should a user interface (UI) designer keep in mind when a user switches from portrait to landscape mode on a streaming app?
Exercise: What is the primary purpose of turning a mobile device to landscape mode when using a streaming app?
Exercise: What happens to the user interface elements when you switch from portrait to landscape mode in a streaming app?

Learn aboutFigma

Explore free online Figma courses designed to help you master UI/UX design, prototyping, wireframing, components, and collaborative workflows. Learn practical skills through flexible, beginner-friendly lessons, build polished digital interfaces, and earn a certificate at no cost. Start learning Figma today and strengthen your design portfolio.