Dive into a comprehensive crash course on Figma, covering everything from basic setup to advanced design techniques. Learn to create responsive grid layouts, perfect typography scales, and interactive components. Master auto layout, constraints, and variants while exploring essential plugins and time-saving tips. Discover how to design faster, create stunning glassmorphism effects, and build a complete design system from scratch. Explore new features like multiple flows in prototypes and create infinite loop animations. Perfect for beginners and experienced designers alike, this tutorial series provides hands-on exercises and real-world examples to elevate your UI and UX design skills in Figma.
Overview
Syllabus
Introduction to Figma - 2021 Beginners Tutorial (Everything You Need to Know in 20 minutes).
Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design (IN 11 MINUTES).
Figma Tutorial: Create the Perfect Typography Scale for UI & Web Projects (IN 10 MINUTES) - Part 1.
Figma Tutorial: New Figma Auto Layout & Constraints (W/ UI DESIGN EXERCISE).
Figma Tutorial: Variants in 11 minutes (With Demo File & Real Examples).
5 Best Figma Plugins for 2021 | UI & UX Design Tools.
Figma Tutorial: Create Interactive Components with a Real Project (In 7 Minutes).
Figma Tutorial: Smart Animate - Create UI & Web Animations (in 17 Minutes).
UI Design Tutorial: How to Create the PERFECT Color Palette FROM SCRATCH (No Generators).
Figma Tutorial: Create a RESPONSIVE Typography Scale for Mobile & Tablet - Part 2.
Figma Tutorial: Glassmorphism UI Design Tutorial for Beginners.
Top 6 TIME-SAVING Figma Plugins for Busy Designers - 2021.
14 Advanced Tips to Design FASTER in Figma.
Create a Figma Design System - Fundamentals (Part 1).
Create a Figma Design System - Color Systems Tutorial (Part 2).
Create a Figma Design System - Type Styles Tutorial (Part 3).
Create a Figma Design System - Button Systems W/ Variants Tutorial (Part 4).
Infinite Loop Animation Effect - Webflow Tutorial.
NEW Figma Updates: Multiple Flows in Prototypes (14th July 2021).
Taught by
Mizko
Related Courses
Related articles
Reviews
4.6 rating, based on 13 Class Central reviews
-
Its a very good session. I got so many ideas about figma and ui/ux development. Today I am very confident in creating a new app. It's a wonderful experience..The tutor was teaching very well..There are no more any queries or doubts in these sessions.
-
From my point of view the whole class is awesome . The complete 19 class is worth and mizko teach me how to become a pro in designing and in each class each and everything is crystal clear. In this i am able to learn from the design basic to advance. Thankyou
-
Sanjay KI recently attended a class on Figma, and it was a great learning experience. The instructor provided clear explanations of the essential features, including creating frames, components, and collaborating in real-time. The class also covered responsive layouts and prototyping, giving a solid introduction to UI/UX design using Figma. I appreciated the hands-on exercises that helped apply the concepts immediately. However, I would have liked more in-depth coverage of advanced features like plugins and auto-layout. Overall, the class was highly informative and gave me confidence in using Figma for future design projects. -
King AkkuLove all your videos, great info for someone who's trying a new life in UI/UX. I wish there was more. -
Althaf HussainThe "Figma Tutorials: The Ultimate Crash Course" is a fantastic resource for beginners looking to dive into the world of Figma. With clear and concise instructions, this course makes learning Figma a breeze. The video tutorials are well-structured,… -
Ahmad Siraj MunirThe Figma Introduction Class provided a solid foundation for beginners in using Figma as a design tool. The content was well-structured, the instructor knowledgeable, and the hands-on activities reinforced learning. The course materials and resources were comprehensive, and the interactive nature of the class fostered engagement. With a slightly longer duration for practice exercises, it would be even more effective. Recommended for beginners seeking to learn Figma. -
EliteExtantIt was good to start as a basics of figma.
Figma is the best tool for designers who work remotely. I love how collaboration works well and that all your work is saved on the cloud.
Also, Figma is a complete tool that turns your job easy by allowing you to develop the design process—starting with ideation on Figma Jam until prototyping with the prototype tool and Smart Animate. -
Laykanne PowellVery insightful crash-course into Figma. For designers of all levels! Figma has had some major upgrades from when I first started using it and I remember how I would struggle with a lot of UI elements, consistency and just having a better system in place. Mizko - thanks for all your amazing tips! Definitely learnt a lot in this short course. -
KRISHNA PRASAD SIt's really very good to start from scratch here. It helps me to develop good knowledge in learning figma and which in turn very usefull for me to gloom in front end development -
it is nice to learn figmaa as a bigneer it will help me to this develop better ui using and i can now use figma to develop more attractive ui/ux
-
as online course for beginners is excellent courses Figma real is helpful
I am UI Ux Designer I attendant this free course really appreciates -
Rafael GuimarãesVery good course for those who are starting in figma, it teaches quickly and practically. this course with a very good didactic, easy to learn a lot. I managed to absorb a lot of content -
It's all perfect ,
thanks to you, I think with this site we will learn too much and add to our skills and professional knowledge.
