A Figma UI design course covering components, AI image tools, data visualization, and app design for multiple real-world projects.
This Figma UI design course gives you four distinct app projects to work through.
Each one teaches a different set of UI skills, from side menus to analytics dashboards.
The course covers 33 step-by-step video lessons across four app design projects.
You start with a side menu, working through typography, icon integration, color hierarchy, spacing, and reusable components.
Then you move into a kids' storytelling app, here you tackle color palettes, variable colors, neumorphism buttons, auto layout, and custom shapes.
Throughout all four projects, the course addresses things like SVG pattern logos, visual hierarchy, white space, adaptive layouts, and how to use AI-generated visuals inside real design workflows.
Every technique is shown inside Figma with source files included.
What you will learn:
How to build reusable Figma components with properties, variants, and auto layout.
How to generate AI images with Ideogram and turn them into animations using Runway AI.
How to design data visualizations including radar charts and progress bars using Figma plugins.
How to apply color variables and modes to manage design changes across a project.
How to structure a mobile analytics dashboard from layout to finished UI with gradients and effects.
Ideal for: Beginner to mid-level designers who want hands-on Figma practice across varied real-world app types.