Mobile App Design in Figma: From Concept to Prototype

In this lecture, we'll explore the differences between designing for iOS and Android.

Here, we'll start working on our project and create it in Figma.

In this lecture, we'll cover how to study on Udemy effectively.

In this lecture, we'll create a moodboard for our project.

Here, we'll explore the iOS Library and learn to work with it.

In this lecture, we'll create our own design system.

We'll create the login & register flow, home screen with chat and search options.

Creating the post, notifications, and profile with follow and following pages.

Connecting the screens with prototype settings.

Creating finalized versions of screens in "Wireframe Part 1"

Here, we'll create a similar page to Spotify.

Creating finalized versions of screens in "Wireframe Part 2"

Creating finalized versions of screens in "Wireframe Part 3"

Creating finalized versions of screens in "Wireframe Part 4"

Connecting all the components until the post-screen.

Cleaning the document and properly structuring it for client review.

In this lesson, we'll dive into what is Figma AI, how it works and the features it provides.

In this lesson, we’ll walk through where AI lives inside Figma, from the command bar to built-in shortcuts.

Opening up the Figma and showing where is Figma Make and what kind of uses can user get from it, and what we are going to cover in the following topics.

Showing examples of creating ladning pages with text prompt.

Showing examples of creating dashboard/admin pages with text prompt.

Opening up the Figma file and showcasing where to find AI tools, and talking about that we will use them in following topics.

Going over Image editing tools on picture examples, showcasing all options.

Working with the text and content, showcasing all the tools in this category.

Working with the design tools except the Interaction tools - separate video with separate example.

Opening up an older project and connecting all the features with this tool.

Selecting the category for the prompt to be App wireframe and creating multiple screens for Saas, B2B, Fintech app.

Selecting the category for the prompt to be Basic app and creating multiple screens for Saas, B2B, Fintech app. Finalised screen design.

Selecting the category for the prompt to be Site wireframe and creating multiple screens for Saas, B2B, Fintech website.

Selecting the category for the prompt to be Basic site and creating multiple screens for Saas, B2B, Fintech website. Finalised screen design.

In this lesson, you’ll explore three new Figma formats that let you generate layouts, slides, and social content with AI.

In this lesson, we’ll use tools like Tidy Up, Auto Layout, and Layer Rename to clean and align our designs faster.

In this lesson, you’ll watch how to build a complete landing page from scratch using Figma’s AI tools.

In this lesson, you’ll learn how to prompt AI to generate smart blurbs, onboarding copy, and layout blocks.

In this lesson, we’ll explore how to refine and regenerate AI-generated layouts and content to improve results.

In this lesson, we’ll reflect on when AI is useful — and where human creativity still leads the way.

In this lesson, you’ll learn how to craft better prompts that give AI the structure and tone it needs to generate usable content.

In this lesson, you’ll explore real-world prompt templates you can reuse for writing text, building UIs, and visual assets.

In this lesson, you’ll apply your prompt skills in guided exercises to generate headlines, CTAs, and feature blurbs.

In this lesson, you’ll extend your workflow with powerful plugins that help you design smarter and faster with AI.

In this lesson, you’ll learn how to clean up your Figma file, leave helpful comments, and use version history before sharing.

In this lesson, you’ll discover how Dev Mode simplifies the handoff process with specs, variables, and cleaner developer access.

In this lesson, you’ll explore async collaboration techniques — from using AI to communicate design intent to structuring files for team clarity.