4.50
(2 Ratings)
Figma Course (Hindi)
About Course
Course Overview: This comprehensive Figma course is designed to take you from a beginner to an advanced user, equipping you with the skills needed to design user interfaces, prototypes, and design systems. Through a blend of theory and hands-on practice, you’ll gain a deep understanding of Figma’s features and best practices.
What Will You Learn?
- All Basics
- Design a Simple Web Page Layout
- Create a Mobile App Interface
- Design a Basic Logo
- Develop a Social Media Post Template
- Create a Website Wireframe
- Design a Landing Page
- Develop a UI Kit
- Create a Dashboard Interface
- Design a Mobile App Icon
- Build a Multi-Page Website Design
- Create a Marketing Email Template
- Design a Blog Post Layout
- Develop a Style Guide
- Create a Wireframe for an E-Commerce Site
- Design an Interactive Prototype
- Build a User Flow Diagram
- Create a Responsive Web Design
- Design a Mobile App Onboarding Screen
- Develop a Product Card for an Online Store
- Create a Dashboard with Data Visualization
- Design a Custom Widget or Component
- Build a Portfolio Website Layout
- Create a Task Management App Interface
- Design a Subscription Service Page
- Develop an Icon Set
- Create a Newsletter Layout
- Design an Event Invitation
- Build a Mobile App Prototype with Micro-Interactions
- Design a Fitness App Interface
- Create a Concept for a SaaS Product
Course Content
1. Introduction to Figma (Basics)
1.1 Getting Started with Figma
-
Introduction to Figma: What is Figma?
32:30 -
Basic Of Image Properties And Frame Tool
37:06 -
Basic Of Vector Tools
46:57 -
Create Icon And Logo With Pen Tool
48:06 -
Basic Of Design Properties
53:09 -
Auto Layout And Layout Grid Feature
26:34
1.2 Working with Shapes, Frames, and Layers
-
Basic of File And Edit Menu
35:09 -
Basic Of View And Object Menu
45:42 -
Basic Use Of Component And Boolean Groups
45:17 -
Complete Basic of other Menu options
28:30 -
Basics Of Prototyping
52:19 -
Basics Of Prototyping Part 2
22:27
1.3 Working with Text and Typography
-
Adding and formatting text
00:00 -
Setting font styles, sizes, and color
00:00 -
Working with text boxes (auto-height, auto-width, and fixed-width)
00:00 -
Using Google Fonts and adding custom fonts
00:00 -
Creating and applying text styles for consistency
00:00
1.4 Colors, Gradients, and Styles
-
Applying and editing colors in Figma
00:00 -
Creating color styles for reusable color schemes
00:00 -
Working with gradients and advanced fill options
00:00 -
Applying shadows, strokes, and effects to objects
00:00 -
Managing global color variables and palettes
00:00
1.5 Components and Instances (Reusability)
-
Introduction to Components and Instances
00:00 -
Creating reusable components (buttons, icons, etc.)
00:00 -
Nesting components and using overrides
00:00 -
Managing instances and component updates
00:00 -
Using Variants to create multiple versions of a component
00:00
2. Intermediate Figma Techniques
2.1 Prototyping and Interactions
-
Creating interactive prototypes with Figma
00:00 -
Setting up navigation flows and interactions between frames
00:00 -
Adding hover, click, and scroll effects
00:00 -
Using transitions and animations for dynamic interactions
00:00 -
Sharing prototypes for user testing and feedback
00:00
2.2 Auto Layout for Responsive Design
-
Understanding Auto Layout: Introduction and use cases
00:00 -
Creating flexible layouts that adjust to content changes
00:00 -
Building responsive buttons, cards, and forms using Auto Layout
00:00 -
Nesting Auto Layouts for complex UI components
00:00 -
Using constraints and resizing to create adaptive designs
00:00
2.3 Grids, Layouts, and Responsiveness
-
Setting up grids and layout grids for precision
00:00 -
Designing responsive web layouts with grids and frames
00:00 -
Using breakpoints for designing across devices (mobile, tablet, desktop)
00:00 -
Creating and managing grid styles for different breakpoints
00:00 -
Adapting typography and components for responsive designs
00:00
2.4 Advanced Components and Variants
-
Creating multi-state components with Variants
00:00 -
Using Variants for buttons, toggles, inputs, and more
00:00 -
Managing complex component libraries
00:00 -
Syncing components and styles across teams
00:00 -
Creating dynamic UI kits and component libraries for reusability
00:00
2.5 Working with Plugins and Extensions
-
Installing and using Figma plugins for productivity
00:00 -
Popular plugins: Auto layout, content generation, icons, and more
00:00 -
Automating tasks with plugins (content fill, color palettes)
00:00 -
Customizing workflows with plugins for advanced design tasks
00:00 -
Introduction to third-party integrations (Zeplin, ProtoPie, etc.)
00:00
3. Industry-Specific Advanced Topics and Projects
3.1 Web Design and UI Design
-
Designing responsive websites with Figma
00:00 -
Creating navigation bars, hero sections, and interactive components
00:00 -
Prototyping user flows for websites (desktop and mobile)
00:00 -
Designing landing pages, blogs, and e-commerce layouts
00:00 -
Exporting assets for web development (SVG, PNG, CSS)
00:00 -
Project: Design a responsive website homepage and create an interactive prototype
00:00
3.2 Mobile App Design
-
Designing for mobile-first and native apps (iOS, Android)
00:00 -
Creating navigation patterns (tab bars, side drawers)
00:00 -
Designing app components (buttons, icons, cards, etc.)
00:00 -
Prototyping mobile app interactions (swipe, tap, scroll)
00:00 -
Exporting assets and handing off designs to developers
00:00 -
Project: Design a mobile app interface and prototype interactions for user testing
00:00
3.3 UX/UI Design for SaaS and Enterprise Applications
-
Understanding SaaS and enterprise application design principles
00:00 -
Designing dashboards, data visualizations, and complex UI components
00:00 -
User flows and wireframes for web applications
00:00 -
Handling large datasets and forms in UI design
00:00 -
Designing for usability and efficiency in enterprise tools
00:00 -
Project: Design a user-friendly SaaS application interface (e.g., a CRM or analytics tool)
00:00
3.4 E-commerce and Product Design
-
Designing product pages, catalogs, and checkout flows for e-commerce
00:00 -
Creating visually appealing product cards and grids
00:00 -
Designing user-friendly shopping carts and payment gateways
00:00 -
Prototyping e-commerce user journeys and interactions
00:00 -
Optimizing designs for conversion rates and A/B testing
00:00 -
Project: Design a complete e-commerce platform layout with product pages, cart, and checkout
00:00
3.5 Iconography and Vector Graphics
-
Designing custom icons and vector graphics in Figma
00:00 -
Using Figma’s vector editing tools (Pen tool, Boolean operations)
00:00 -
Creating icon libraries for web and mobile applications
00:00 -
Optimizing icons for web and mobile display
00:00 -
Exporting SVG and PNG assets for development
00:00 -
Project: Design a custom set of icons for a web or mobile application
00:00
4. Advanced Techniques and Workflow Optimization
4.1 Collaboration and Team Libraries
-
Sharing designs and collaborating with teams in real-time
00:00 -
Setting up and managing shared design libraries
00:00 -
Collaborating with developers using Figma Inspect
00:00 -
Version control and design history tracking
00:00 -
Managing comments and feedback within Figma files
00:00
4.2 Design Systems in Figma
-
Introduction to design systems and their benefits
00:00 -
Building a design system: Colors, typography, components
00:00 -
Documenting design guidelines and best practices
00:00 -
Maintaining consistency with shared libraries and styles
00:00 -
Scaling design systems for large teams and projects
00:00
4.3 Handoff to Developers
-
Preparing files for developer handoff
00:00 -
Using Figma Inspect to communicate spacing, fonts, and colors
00:00 -
Exporting design assets (SVG, PNG, code snippets)
00:00 -
Integrating Figma with development tools (Zeplin, Avocode)
00:00 -
Best practices for smooth designer-developer collaboration
00:00
4.4 Figma for Prototyping and User Testing
-
Advanced prototyping techniques: micro-interactions and complex flows
00:00 -
Using Figma for usability testing and user feedback
00:00 -
Creating clickable prototypes for remote testing
00:00 -
Exporting prototypes for presentations and user testing platforms
00:00 -
Iterating designs based on user feedback
00:00
5. Final Section: Career Guidance and Portfolio Preparation
5.1 Building a Portfolio
-
Selecting the best projects to showcase in your portfolio
00:00 -
Structuring a professional portfolio (case studies, challenges, results)
00:00 -
Presenting your design process, prototypes, and final designs
00:00 -
Creating a digital portfolio with tools like Figma, Behance, and Dribbble
00:00
5.2 Freelancing and Career Opportunities
-
Exploring career paths: UI/UX designer, product designer, web designer
00:00 -
How to find clients and freelance projects
00:00 -
Networking strategies: LinkedIn, Behance, Dribbble, and online communities
00:00 -
Pricing your design work and managing client relationships
00:00
5.3 Preparing for Interviews and Presentations
-
Presenting your portfolio to potential employers or clients
00:00 -
Understanding what recruiters and clients are looking for
00:00 -
Interview tips for UI/UX design roles
00:00 -
Portfolio review and critique sessions for real-world preparation
00:00
6. Final Project
-
Create a full design project based on your preferred industry (web design, mobile app design, e-commerce, SaaS, etc.)
00:00 -
Portfolio Review and feedback to prepare for job applications or freelancing
00:00
Final Test
-
Figma Test
Earn a certificate
Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.
Student Ratings & Reviews
4.5
Total 2 Ratings
5
1 Rating
4
1 Rating
3
0 Rating
2
0 Rating
1
0 Rating
"Absolutely loved the Figma course! The step-by-step approach helped me grasp complex concepts easily. I feel much more confident in my design abilities now!"
"This Figma course was incredibly insightful! The transition from basics to advanced techniques was smooth, and I gained valuable skills to enhance my design projects. Highly recommended for all levels!"