UI Design with Figma - Tutorial
freecodecamp.org
UI Design with Figma - Tutorial
Figma is a vector graphics editor and prototyping tool that is often used for UI design. We just published a 10-hour Figma course that will teach you how to use the tool for UI design. Joseph Brendan developed this course. Joseph is a great instruct...
Jan 5, 2022
UI Design Basics
How to Learn UI Design: The Basics You Need to Know!
7:17
How to Learn UI Design: The Basics You Need to Know!
YouTubeDesign Gal Christine
59.2K viewsJun 18, 2018
UI Design Tutorial For Beginners
3:19
UI Design Tutorial For Beginners
YouTubeAntony Conboy
153.5K viewsOct 15, 2019
What is UI design? A complete guide for 2025 - UX Design Institute
What is UI design? A complete guide for 2025 - UX Design Institute
uxdesigninstitute.com
May 9, 2024
Top videos
The Best Free Figma Resources: Templates, Icons, UI Kits, and More | Envato Tuts
The Best Free Figma Resources: Templates, Icons, UI Kits, and More | Envato Tuts
tutsplus.com
Nov 12, 2018
How to Add Patterns to Figma Designs (full guide)
2:30
How to Add Patterns to Figma Designs (full guide)
YouTubeLearnwithnick
4 views5 months ago
Three Figma plugins every UI/UX designer should know 👇 1️⃣ Mesh Gradient Create smooth, modern mesh gradients in seconds. Just place a few colors and the plugin blends them into a beautiful background. 2️⃣ Motion Animate your UI, apps, and micro-interactions directly in Figma. Export animations as GIFs, videos, or SVG for presentations or social content. 3️⃣ InFrame Place your designs into real device frames instantly. Perfect for portfolios, case studies, and client presentations. 💾 Save this
0:46
Three Figma plugins every UI/UX designer should know 👇 1️⃣ Mesh Gradient Create smooth, modern mesh gradients in seconds. Just place a few colors and the plugin blends them into a beautiful background. 2️⃣ Motion Animate your UI, apps, and micro-interactions directly in Figma. Export animations as GIFs, videos, or SVG for presentations or social content. 3️⃣ InFrame Place your designs into real device frames instantly. Perfect for portfolios, case studies, and client presentations. 💾 Save this
TikTokalexdev.uiux
2.2K views2 months ago
Figma Tips and Tricks
13 Best Figma Tips and Tricks for Designers in 2026
13 Best Figma Tips and Tricks for Designers in 2026
webdew.com
Aug 3, 2021
Shivanand - 𝐔𝐈/𝐔𝐗 𝐃𝐄𝐒𝐈𝐆𝐍𝐄𝐑 on Instagram: "Comment “LINK” to get this Figma file in your DM🔥 Most designers overcomplicate scroll animations in Figma. But this sticky animation literally takes under 30 seconds. You can use this effect in testimonials sections, project showcases, landing pages, case studies, and more. Simple. Clean. Powerful. Save this for later and try it in your next design. Follow for more practical Figma tips and share this with your designer friends. 🔥 #figma #f
0:26
Shivanand - 𝐔𝐈/𝐔𝐗 𝐃𝐄𝐒𝐈𝐆𝐍𝐄𝐑 on Instagram: "Comment “LINK” to get this Figma file in your DM🔥 Most designers overcomplicate scroll animations in Figma. But this sticky animation literally takes under 30 seconds. You can use this effect in testimonials sections, project showcases, landing pages, case studies, and more. Simple. Clean. Powerful. Save this for later and try it in your next design. Follow for more practical Figma tips and share this with your designer friends. 🔥 #figma #f
Instagramdesignbyshiv._
8.8K views3 months ago
#teamincrix on Instagram: "Don’t build Design Systems manually❌ Use THIS Figma Plugin instead ✅ 😱 . . . Tags & Keywords: Figma design system Figma plugin for designers UI UX design Figma Design system in 5 minutes Figma tips and tricks UI design workflow Product design Figma Beginner UI UX design UIUX design Tamil Figma learning tamil"
0:33
#teamincrix on Instagram: "Don’t build Design Systems manually❌ Use THIS Figma Plugin instead ✅ 😱 . . . Tags & Keywords: Figma design system Figma plugin for designers UI UX design Figma Design system in 5 minutes Figma tips and tricks UI design workflow Product design Figma Beginner UI UX design UIUX design Tamil Figma learning tamil"
Instagramteamincrix
4.4K views3 months ago
The Best Free Figma Resources: Templates, Icons, UI Kits, and More | Envato Tuts
The Best Free Figma Resources: Templates, Icons, UI Kits, and Mor…
Nov 12, 2018
tutsplus.com
How to Add Patterns to Figma Designs (full guide)
2:30
How to Add Patterns to Figma Designs (full guide)
4 views5 months ago
YouTubeLearnwithnick
Three Figma plugins every UI/UX designer should know 👇 1️⃣ Mesh Gradient Create smooth, modern mesh gradients in seconds. Just place a few colors and the plugin blends them into a beautiful background. 2️⃣ Motion Animate your UI, apps, and micro-interactions directly in Figma. Export animations as GIFs, videos, or SVG for presentations or social content. 3️⃣ InFrame Place your designs into real device frames instantly. Perfect for portfolios, case studies, and client presentations. 💾 Save this
0:46
Three Figma plugins every UI/UX designer should know 👇 1️⃣ Mesh …
2.2K views2 months ago
TikTokalexdev.uiux
Figma Tutorial: Layout Grids
2:45
Figma Tutorial: Layout Grids
785.9K viewsMar 20, 2018
YouTubeFigma
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
4.8M viewsDec 8, 2020
YouTubeAJ&Smart
Introduction - Figma for UX/UI Design tutorial [Lesson 1]
1:00
Introduction - Figma for UX/UI Design tutorial [Lesson 1]
114.5K viewsMar 8, 2020
YouTubeSelfstudy Space
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
2:31
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
437.4K viewsApr 28, 2020
YouTubeFigma
55:27
Build it in Figma: Create a Design System — Foundations
1M viewsJul 24, 2020
YouTubeFigma
58:54
WhatsApp ui/ux redesign tutorial with figma
25.7K viewsApr 29, 2021
YouTubeMesit academy
0:48
6 Free Figma Resources for UI/UX Designers
43.2K viewsMar 31, 2021
YouTubeDesignerUp
3:44
Figma tutorial: Create reusable color styles [4 of 8]
223.5K viewsSep 18, 2019
YouTubeFigma
16:32
Figma tutorial- Neumorphism (Soft UI) style.
13.6K viewsMay 18, 2020
YouTubeInt Pix
10:16:42
Figma Tutorial For UI Design
135.4K viewsDec 19, 2021
YouTubeDev And Design
15:53
Master Button Components in Figma UI3: Variants, Properties & States
63.3K viewsDec 22, 2024
YouTubeDesign with Mahsa
6:01
Figma Tutorial: Creating Styles
629.5K viewsJun 21, 2018
YouTubeFigma
23:21
Designing Forms in Figma - UI/UX Challenge
33.7K viewsJun 18, 2024
YouTubeDesignCourse
15:17
Figma setup for UI/UX design projects
30.8K viewsJun 6, 2022
YouTubeAliena Cai
0:42
How to add a background blur in Figma
102.7K viewsApr 17, 2023
YouTubeRaouf Belakhdar
15:19
Glassmorphism UI Design for beginners
53.6K viewsJan 13, 2022
YouTubeDesignCode
35:37
How to Design a SICK Dashboard UI in Figma
314.7K viewsApr 29, 2022
YouTubeDesignCourse
20:47
Figma Alignment UIUX Tutorial for Beginners
31.5K viewsJan 29, 2024
YouTubeAliena Cai
46:36
Personal Portfolio Website UI UX Design Tutorial in Figma
39.9K viewsMar 20, 2022
YouTubeSkillCharged
34:41
UI Design a Portfolio site in Figma - full course
90.9K viewsApr 1, 2022
YouTubeDesignCode
24:01
Building Responsive UI Components in Figma
55.4K viewsDec 21, 2023
YouTubeJesse Showalter
3:26
How To Add Patterns To Figma Designs (Easiest Way) (2026 Guide)
1.2K views9 months ago
YouTubeHow To with Alex
59:56
Online Banking Mobile App Design in Figma | Figma Tutorial
45.3K viewsFeb 9, 2022
YouTubeUX World
4:52
Top 10 Figma UI Kits for Designers
17.2K viewsFeb 19, 2021
YouTubeEnvato Tuts+
1:54
How to Change Background Color in Figma
41.4K viewsJul 13, 2023
YouTubePixel & Bracket
10:43
Banking App Mobile Interface Concept in Figma (UI Feeback an…
7.2K viewsOct 11, 2020
YouTubetotopc
See more videos
Static thumbnail place holder