YoVDO

Figma Tutorials: The Ultimate Crash Course

Offered By: YouTube

Tags

Figma Courses User Experience Courses Web Design Courses Animation Courses Typography Courses Responsive Design Courses Color Theory Courses Design Systems Courses

Course Description

Overview

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.

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

Practical UX Weekly: Season Two
LinkedIn Learning
User Experience (UX) for Non-Designers
LinkedIn Learning
UX Foundations: Style Guides and Design Systems
LinkedIn Learning
UXPin for UX Design
LinkedIn Learning
Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides
Skillshare