The proper way to design color gradients in Figma ✅ 1. Stop designing flat gradients in common way 2. Instead draw a random shape in the primary color 3. Duplicate and set the lighter color 4. And one more even lighter 5. Then apply high value of blur on all shapes 6. And here you have a natural color gradient for your UI! 🔥 Want to learn more and get valuable resources to design in the age of AI? Grab my courses, ebooks, individual mentoring, Figma components, 1 min hacks, and much more! 👉🏼
0:20
Facebookjanm_ux
The proper way to design color gradients in Figma ✅ 1. Stop designing flat gradients in common way 2. Instead draw a random shape in the primary color 3. Duplicate and set the
janm_ux. Sidewalks and Skeletons · Goth (Slowed Reverb). The proper way to design color gradients in Figma 1. Stop designing flat gradients in common way 2. Instead draw a random shape in the primary color 3. Duplicate and set the lighter color 4. And one more even lighter 5. Then apply high value of blur on all shapes 6. And here you have a ...
已浏览 9758 次3 个月之前
短视频
Créate this Animated gradient in Figma 🚀 Save this for later! Let me know your thoughts #uiuxdesign #figma #websites #websitedesign | Marcelo Design X
0:38
已浏览 2.2万 次
Créate this Animated gradient in Figma 🚀 Save this for later! Let me know your
Marcelo Design X
Easy Hack for Creating Gradients in Figma 🎨🔥 #figmahacks #tipsandtricks #plugins
0:20
已浏览 1771 次
Easy Hack for Creating Gradients in Figma 🎨🔥 #figmahacks #tipsandtricks
UIUX Abhishek
Figma Basics
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
已浏览 162.2万 次2020年5月30日
Figma Tutorial: Presentation View
2:25
Figma Tutorial: Presentation View
YouTubeFigma
已浏览 26.7万 次2018年3月20日
Figma Tutorial: Shape Tools
2:18
Figma Tutorial: Shape Tools
YouTubeFigma
已浏览 37.6万 次2020年4月28日
热门视频
Figma Gradient tutorial part 1
0:27
Figma Gradient tutorial part 1
YouTubeTheClintonguy
已浏览 227 次3 周前
Figma Tube Light Gradient Tutorial (Easiest Method)
5:16
Figma Tube Light Gradient Tutorial (Easiest Method)
YouTubei.builder
已浏览 45 次3 个月之前
How to Adjust Gradient Handles in Figma [2026 Full Guide]
2:40
How to Adjust Gradient Handles in Figma [2026 Full Guide]
YouTubeTutorials with Ilker
已浏览 7 次1 个月前
Figma UI Design
Introduction To Figma | FREE COURSE
1:50:06
Introduction To Figma | FREE COURSE
YouTubeEnvato Tuts+
已浏览 55.5万 次2020年9月16日
What's Figma? [2019]
1:35
What's Figma? [2019]
YouTubeFigma
已浏览 194.5万 次2019年10月15日
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
YouTubeAJ&Smart
已浏览 476万 次2020年12月8日
Figma Gradient tutorial part 1
0:27
Figma Gradient tutorial part 1
已浏览 227 次3 周前
YouTubeTheClintonguy
Figma Tube Light Gradient Tutorial (Easiest Method)
5:16
Figma Tube Light Gradient Tutorial (Easiest Method)
已浏览 45 次3 个月之前
YouTubei.builder
How to Adjust Gradient Handles in Figma [2026 Full Guide]
2:40
How to Adjust Gradient Handles in Figma [2026 Full Guide]
已浏览 7 次1 个月前
YouTubeTutorials with Ilker
3D Gradient Text Design in Figma
1:03
3D Gradient Text Design in Figma
已浏览 5894 次4 周前
TikTokskr___archive
How to make Gradient in #figma
How to make Gradient in #figma
已浏览 57 次8 个月之前
YouTubeHECHAM GAZHI
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
已浏览 129.4万 次2020年10月28日
YouTubeFigma
Figma Tutorial: Shape Tools
2:18
Figma Tutorial: Shape Tools
已浏览 37.6万 次2020年4月28日
YouTubeFigma
21:25
Figma For Beginners: Create designs (2/4)
已浏览 87.3万 次2020年12月1日
YouTubeFigma
8:34
How to use the Freeform Gradient Tool (THREE TRICKS) Illustrator T…
已浏览 5.9万 次2019年6月22日
YouTubetutvid
3:51
How to Create Mesh Gradient Background in Figma | Gradient Ef…
已浏览 1.5万 次2021年3月21日
YouTubeRohan Creates
3:35
How to Create Glass Card Effect - Figma Tutorial
已浏览 43.1万 次2021年1月5日
YouTubeThalion
2:31
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
已浏览 43.7万 次2020年4月28日
YouTubeFigma
10:39
Glassmorphism UI - Free Figma Tutorial - 100 000 designers took it!
已浏览 16.4万 次2020年12月14日
YouTubeMalewicz
3:13
Make the soft, blurred Aurora backgrounds in Figma - Tutorial
已浏览 7.1万 次2021年2月25日
YouTubeMalewicz
0:28
How to make Gradient in Figma?
已浏览 775 次2 个月之前
YouTubeB
0:46
EASY FIGMA GRADIENTS
已浏览 6万 次2022年6月4日
YouTubeCaler Edwards
2:15
How to add GRADIENTS in Figma
已浏览 588 次2022年8月29日
YouTubeHow To No-Code
2:50
WAVE EFFECT | Figma Tutorial
已浏览 5.5万 次2022年2月3日
YouTubeАнастасия Ермолаева
1:00
Figma Text Gradients: The *ULTIMATE* 2026 Guide You NEE…
已浏览 181 次2 个月之前
YouTubeDesigner nikki
3:52
How To Create UI Gradients
已浏览 4738 次2023年8月15日
YouTubeNick Babich
11:35
Trendy Gradient Figma Tutorial
已浏览 3.5万 次2023年6月2日
YouTubeFlux Academy
6:01
Figma Tutorial: Creating Styles
已浏览 62.9万 次2018年6月21日
YouTubeFigma
1:09
How to add Gradient in Figma | UX Mate
已浏览 939 次2025年4月2日
YouTubeUX Mate
1:52
Membuat Gradient Background di Figma
已浏览 1.2万 次2021年11月20日
YouTubeKopi Kode
1:26
How to Add Gradient in Figma 2025?
已浏览 35 次9 个月之前
YouTubeTechie Dot Com
1:35
Figma - Linear gradients
已浏览 1.5万 次2019年3月1日
YouTubeWolfr
0:48
Figma tutorial: Mesh Gradient
已浏览 1.2万 次2023年12月20日
YouTubeNick Kutsenko
5:11
Aurora Gradient in Figma - UI Design Tutorial
已浏览 4.3万 次2021年9月4日
YouTubeChinsk Design
2:57
How to Edit Vectors in Figma
已浏览 1.6万 次2023年8月28日
YouTubePixel & Bracket
观看更多视频
静态缩略图占位符