Figma for Beginners: Web Design and Mobile App Design
- Description
- Curriculum
- FAQ
- Reviews
Discover your creative potential and enter the world of digital design with “Figma for Beginners: Web Design and Mobile App Design.”
Whether you’re an aspiring designer, a developer looking to expand your skills, or an entrepreneur wanting to create beautiful, user-friendly digital products, this course is your gateway to mastering Figma, the go-to design tool for top companies worldwide.
In this hands-on course, you’ll learn how to create stunning web and mobile app designs from scratch. We’ll cover everything from Figma’s intuitive interface to advanced features like plug-ins and collaborative design workflows. By the end, you’ll not only be able to design fully functional websites and mobile apps, but you’ll also have the skills to monetize your designs through freelance work, creating templates, and more.
No prior design experience? No problem! This course is beginner-friendly, with step-by-step lessons that guide you through the fundamentals, all the way to advanced design techniques.
What You’ll Learn:
-
How to navigate and master Figma’s interface.
-
Create professional wireframes and prototypes for web and mobile apps.
-
Design high-fidelity, responsive layouts for various screen sizes.
-
Utilize Figma plug-ins to enhance productivity and workflow.
-
Build a complete website and mobile app design from start to finish.
Why Take This Course?
-
Perfect for beginners with no prior design knowledge.
-
Step-by-step guidance with real-world projects.
-
Build a portfolio to showcase your web and mobile app designs.
-
Gain the confidence and skills to break into the competitive design industry.
Whether you’re looking to start a career in UI/UX design, enhance your existing skill set, or simply learn a new creative tool, this course will equip you with everything you need to succeed. Enroll today and start designing your future!
-
6Figma Interface OverviewVideo lesson
-
7Figma File: Design Pages and Design LayersVideo lesson
-
8Movement and Resizing in Figma: Hand, Move and ScaleVideo lesson
-
9Design FramesVideo lesson
-
10Design SectionsVideo lesson
-
11Figma Slice ToolsVideo lesson
-
12Shape ToolVideo lesson
-
13Pen and Pencil ToolVideo lesson
-
14Text ToolVideo lesson
-
15Figma CommentsVideo lesson
-
16Figma ActionsVideo lesson
-
17Keyboard Shortcuts for Faster DesignVideo lesson
-
18Figma Developer's ModeVideo lesson
-
19Design Project Naming ConventionVideo lesson
-
20Colours and Colour PickersVideo lesson
-
21Layout Grid on FigmaVideo lesson
-
22Alignment and PositionVideo lesson
-
23Local Styles and VariablesVideo lesson
-
24Design EffectsVideo lesson
-
25Zoom Levels and Other SettingsVideo lesson
-
26Design Export and PreviewVideo lesson
-
27What are Plugins?Video lesson
-
28Installing and Using Figma Plug-insVideo lesson
-
29Popular Plug-ins for DesignsVideo lesson
-
30What are Figma Assets and LibrariesVideo lesson
-
31How to use the Figma LibrariesVideo lesson
-
32Figjam Use CasesText lesson
-
33Figjam: Figma's WhiteboardVideo lesson
-
40Introduction to User Interface (Visual Design)Video lesson
-
41Brand Logo DesignVideo lesson
-
42Create Local Styles for Web DesignVideo lesson
-
43Design Website NavigationVideo lesson
-
44Design The Hero SectionVideo lesson
-
45Design Other SectionsVideo lesson
-
46Design the FooterVideo lesson
-
47Design an About Us PageVideo lesson
-
48Design a Service PageVideo lesson
-
49Design a Blog Page with Generative AIVideo lesson
-
50Basic Design Guidelines: Style Guide Refinement and UniformityVideo lesson
-
51Figma Visuals and DesignsQuiz
-
52Global Styles: Introduction to Material DesignVideo lesson
-
53Generating The Mobile App Lofi with Generative AI (Visily)Video lesson
-
54Design a Splash ScreenVideo lesson
-
55Design a Sign In ScreenVideo lesson
-
56Design the HomepageVideo lesson
-
57Design the App Navigation ComponentVideo lesson
-
58Convert Web About Us Page to Mobile App DesignVideo lesson
-
59Convert the Web Service Page to Mobile App DesignVideo lesson
-
60Convert the Web Blog Page to Mobile App DesignVideo lesson
-
65Exporting Designs and MockupsVideo lesson
-
66Daily UI/UX ChallengeVideo lesson
-
67The Concept of Auto Layout for ResponsivenessText lesson
-
68Designing Responsive Components with Auto LayoutsText lesson
-
69Web Design Project IdeasText lesson
-
70Mobile App Design Project IdeasText lesson
-
71Figma Community and Portfolio TemplatesVideo lesson
-
72Portfolio Creation ResourcesText lesson

External Links May Contain Affiliate Links read more