Learn Figma: User Interface Design Essentials – UI/UX Design
- Introduction to the course
- Introduction
- Structure of the course
- Tools
- Intro to Design Basics
- Layout
- Visual Hierarchy
- Visual Noise
- Iconography
- Typography
- Color Contrast
- Color Palette
- Spacing
- Composition
- Design Guide
- Consistent Fonts
- Consistent Colors
- Consistent Icons
- Consistent UI Elements
- Font Resources
- Color Resources
- Icon Resources
- Introduction to Figma
- Figma Requirements
- Figma Environment
- Shapes
- Editing Shapes
- Layers Basics
- Boolean Operations
- Text
- Text Inspector
- Text Style
- Constraints and Adaptive Layouts
- Auto Layout
- Images
- Styling: Fill
- Styling: Stroke
- Styling: Effects
- Color Style
- Masks
- Components
- Variants (NEW)
- Layout Grids
- Plugins
- Exporting
- Prototyping
- Multiplayer & Commenting
- Keyboard Shortcuts
- Intro to UI Elements
- Text Fields
- Buttons
- Sliders
- Tooltips
- Selection Controls
- Chips
- Cards
- Dialogs
- Lists
- Tables
- Navigation
- Menus
- Charts
- Steppers
- Snackbars
- What is Wireframing?
- User Flows
- Interactive Prototypes
- Wireframe tools
- Wireframing in Figma
- What is a Color Style?
- Primary, Accent, Semantic Colors
- Grey Colors & Gradients
- Borders & Shadows
- Intro to Typography Style
- Typography Guide - Part 1
- Typography Guide - Part 2
- Designing a Modern Finance App
- Launch Screen
- Sign-in & Welcome Page
- Sign-up Page
- OTP Verification Screens
- Profile Screens
- Homepage
- Menu
- Credit Cards Page
- Transactions Page
- Detailed Transactions Page
- Transfer Page
- Confirmation Page
- Notification Page
- User's Profile
- Onboarding Pages
- Introduction to the Landing Page Project
- What is a Landing Page?
- Setting up Your Project
- Create Your Color Styles
- Wireframing Your Project - Part 1
- Wireframing Your Project - Part 2
- Navigation Bar
- Hero Section - Part 1
- Hero Section - Part 2
- Feature Section - Credit Card
- Feature Section - Statistics
- Feature Section - Support
- Membership Plans
- FAQ Section
- Footer
- Prototyping Your Landing Page
- Logo Types
- Designing Our First Logo
- Designing Our Second Logo
- Designing Our Third Logo
- Introduction to Adobe Photoshop
- Environment of Adobe Photoshop
- Basics of Adobe Photoshop
- Adobe Photoshop For UI/UX Design
- Intro to 3D Modeling
- Create Your First 3D Model
- Camera & Lightings
- Materials & Textures
- Create a 3D Scene
- Rendering & Exporting
- Prototyping Tools
- Prototyping in Figma
- Mocking up an App in Figma
- How to Create Your Own Online Portfolio?
- How to Use Dribbble?
- How to Use Behance?
- How to Get Your First Client?
- How to Start Your Own Business?
- How to Scale Your Business?
- Communicating With Your Clients
- Contract
- Where to Find World Class Design Inspiration?
- Image Resources
- What is Your Next Step?
