Master Figma in 2025: Web & Mobile App Design from Scratch
- Descrição
- Currículo
- FAQ
- Revisões
Take your web & mobile app design skills to the next level with this hands-on course. Whether you’re just starting or looking to become an AI-enabled expert in UI/UX Design with Figma, this course will guide you step-by-step through designing stunning, professional User Experiences (UX), User Interfaces (UI), and prototypes using Figma.
What You’ll Gain by the end of this course:
-
Master Figma Basics and Beyond: Learn Figma’s essential tools and features, from creating shapes and frames to advanced responsive design techniques.
-
Design Real-World Projects: Build a complete web app mockup interface for a travel booking app, gaining experience with a practical project.
-
Become an AI Designer: In a world where AI is only growing, learn how to take advantage of the many AI tools both inside of Figma and outside to become a faster AI-enabled designer.
-
Create Interactive Prototypes: Turn mockups into advanced clickable prototypes with animations, overlays, and device testing.
-
Boost Efficiency with Figma’s Tools: Master Auto-Layout, reusable components, variables, and plugins to create dynamic, scalable designs faster.
-
Collaborate Like a Pro: Discover how to work live with teams, share projects, and export assets seamlessly.
-
Enhance Your Portfolio: Develop polished, real-world projects to showcase to potential clients or employers.
About the Project:
In this course, you’ll be working hands-on in Figma designing a travel booking app for the web and mobile. We’ll start from scratch by learning how to read a product requirement document. We’ll then go from wireframing to putting together a design system, before diving deep into designing mockups and building realistic prototypes we can share with the world, on our portfolios, and with friends.
About the Instructor:
With over 14 years of design experience, entrepreneur and designer Nima Tahami brings you expert insights and real-world knowledge. Nima has sold startups, had his work featured in Forbes, taught over 15,000 students, and his open-source tools have helped hundreds of thousands of developers worldwide.
Start designing your future today – enroll now and take your skills to the next level!
-
4Starting Our ProjectVídeo Aula
-
5Finding InspirationVídeo Aula
-
6Using ChatGPT for WireframingVídeo Aula
-
7Sign Up Page WireframeVídeo Aula
-
8Verification Code WireframeVídeo Aula
-
9Destination Discovery WireframeVídeo Aula
-
10Destination Discovery Card WireframeVídeo Aula
-
11Destination Details WireframeVídeo Aula
-
12Booking Screen WireframeVídeo Aula
-
20My Figma FileTexto
-
21Creating Frames & Layout GridsVídeo Aula
-
22Sign Up Page ColumnsVídeo Aula
-
23Using AutoLayoutVídeo Aula
-
24Creating Input FieldsVídeo Aula
-
25Creating ComponentsVídeo Aula
-
26Adding ButtonsVídeo Aula
-
27Button VariantsVídeo Aula
-
28Finding Images to UseVídeo Aula
-
29Making Images with Figma AIVídeo Aula
-
30Verification PageVídeo Aula
-
31Using Component PropertiesVídeo Aula
-
32Starting our Destination Discovery MockupsVídeo Aula
-
33Using UI Kits & LibrariesVídeo Aula
-
34Designing a NavbarVídeo Aula
-
35Generating a First Draft with Figma AIVídeo Aula
-
36Adding Search and Time InputsVídeo Aula
-
37Nested InstancesVídeo Aula
-
38Destination Card DesignVídeo Aula
-
39Polishing our Card UIVídeo Aula
-
40Using Figma AI to Generate Sample DataVídeo Aula
-
41Designing TagsVídeo Aula
-
42Filter & Sort ButtonsVídeo Aula
-
43Dropdown DesignVídeo Aula
-
44Trip Details PageVídeo Aula
-
45Trip Header DesignVídeo Aula
-
46Using Figma AI Writing ToolsVídeo Aula
-
47Features ListVídeo Aula
-
48Accommodation FieldsVídeo Aula
-
49Room Type CardsVídeo Aula
-
50Rating CardsVídeo Aula
-
51Finishing Destination Details PageVídeo Aula
-
52Booking ScreenVídeo Aula
-
53Add-on Card DesignVídeo Aula
-
54Confirmation PageVídeo Aula
-
55Reponsive Design with VariablesVídeo Aula
-
56Max Width PropertyVídeo Aula
-
57Component Variants for DevicesVídeo Aula
-
58Font VariablesVídeo Aula
-
59Using ConstraintsVídeo Aula
-
60Organizing Our FileVídeo Aula
-
61Testing Our App with DesignProVídeo Aula
-
62Exporting our DesignsVídeo Aula
-
63Portfolio Ready DesignsVídeo Aula
-
69Variables in PrototypesVídeo Aula
-
70Variables in ComponentsVídeo Aula
-
71Hover InteractionVídeo Aula
-
72Scroll To InteractionVídeo Aula
-
73Creating Product VariablesVídeo Aula
-
74Dynamic Total PriceVídeo Aula
-
75Conditional Logic and OperationsVídeo Aula
-
76Fixed ElementsVídeo Aula
-
77Smart AnimateVídeo Aula
-
78Loading StateVídeo Aula
-
79Finishing Our PrototypeVídeo Aula
-
80Testing Our Web PrototypeVídeo Aula
-
81Using Figma App on MobileVídeo Aula
-
82Collaborating in FigmaVídeo Aula
-
83Team LibrariesVídeo Aula
-
84Dev ModeVídeo Aula
-
85Version HistoryVídeo Aula
-
86Renaming Layers with AIVídeo Aula
-
87Removing Background with AIVídeo Aula
-
88Translating our App with AIVídeo Aula
-
89Keyboard ShortcutsVídeo Aula
