Figma Courses and Certifications

Figma Variants – Design a Scalable Mobile App [Full Course]

Master Figma Variants to design scalable mobile apps. Learn frame, autolayout, and component functionalities. Create type systems, color palettes, and various UI elements. Design practical screens for a complete app experience.

• freeCodeCamp
• 4-5 hours
• On-Demand
• Free Video

DesignCourse

Ultimate Figma Crash Course - Full Layout by Example

Learn Figma by designing a full layout for desktop, tablet, and mobile. Master UI elements, responsive design, and prototyping through hands-on practice with a real-world project.

• YouTube
• 1 hour 20 minutes
• On-Demand
• Free Video

DesignCourse

Designing and Prototyping Forms in Figma

Master form design in Figma: Learn layout setup, textfield creation, component building, and advanced techniques like floating labels. Enhance your UI/UX skills for effective, user-friendly forms.

• YouTube
• 25 minutes
• On-Demand
• Free Video

DesignCourse

How to Design a Dashboard UI in Figma

Learn to create a stunning dashboard UI in Figma, covering navigation, card designs, and charts. Master essential UI/UX skills for crafting visually appealing and functional interfaces.

• YouTube
• 36 minutes
• On-Demand
• Free Video

DesignCourse

Learn UI-UX Design & Figma - Interactive Crash Course

Master UI/UX design and Figma through an interactive crash course. Learn essential skills, from layout grids to prototyping, while creating a professional website interface step-by-step.

• YouTube
• 1 hour 23 minutes
• On-Demand
• Free Video

DesignCourse

The Figma Crash Course by Example

Learn Figma for UI/UX design: create multi-page websites with interactions and animations. Covers layout, prototyping, hover effects, and smart animate in a practical, hands-on approach.

• YouTube
• 1 hour 12 minutes
• On-Demand
• Free Video

Adrian Twarog

Figma Crash Course

Learn Figma basics through hands-on website design. Master UI/UX principles, prototyping, and essential tools for creating professional designs from scratch.

• YouTube
• 48 minutes
• On-Demand
• Free Video

Codex Community

Figma to Editor X Tutorial

Learn to convert a Figma design to Editor X, building a complete webpage with header, hero, testimonial, and footer sections. Covers basics, custom fonts, colors, and style guide implementation.

• YouTube
• 24 minutes
• On-Demand
• Free Video

Codex Community

Adobe Figma to Editor X Tutorial

Learn to convert Figma designs to Editor X without coding, covering typography, colors, and design elements for seamless migration in the Adobe ecosystem.

• YouTube
• 18 minutes
• On-Demand
• Free Video

Code with Ania Kubów

From Figma to Github Using Anima

Learn to convert Figma designs into functional React apps using Anima, create databases, and build backends. Gain practical skills in working with existing designs and rapidly developing web applications.

• YouTube
• 2 hours 12 minutes
• On-Demand
• Free Video

Envato Tuts+

Latest Figma Updates Review - April 2023

Explore Figma's latest updates: text tools, image handling, components, prototyping, and workflow enhancements. Discover how these improvements revolutionize design processes and boost productivity.

• YouTube
• 36 minutes
• On-Demand
• Free Video

Scrimba

Introduction to Figma - How to Use Figma 101

Learn essential Figma features for developers: tools, layers, frames, colors, typography, plugins, and more. Gain practical skills to enhance your design workflow and collaborate effectively with designers.

• YouTube
• 1 hour 1 minute
• On-Demand
• Free Video

Igor Vensko Tutorials

Figma Midjourney Animation Tutorial - Parallax Effect

Learn to create stunning parallax animations in Figma using Midjourney-generated images. Master design techniques, smart animate, and video editing for eye-catching website designs.

• YouTube
• 55 minutes
• On-Demand
• Free Video

Igor Vensko Tutorials

Figma Smart Animate Tutorial - Parallax Effect with GIF Animation on Website

Learn Figma's Smart Animate for creating parallax effects and GIF animations on websites. Master design processes and animation techniques to enhance your web project presentations.

• YouTube
• 37 minutes
• On-Demand
• Free Video

DesignCourse

Creating a Sidebar Navigation with Icons - UI/UX & Frontend

Learn to create a sidebar navigation with icons, from Figma prototyping to HTML/CSS implementation. Enhance your UI/UX and frontend skills with this practical tutorial.

• YouTube
• 22 minutes
• On-Demand
• Free Video