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 个月之前
Figma Tutorial
Figma Mobile App Design Tutorial
46:31
Figma Mobile App Design Tutorial
YouTubeHyginus Ukeh - Building
已浏览 162.3万 次2020年5月30日
Figma Tutorial: Overlays
10:20
Figma Tutorial: Overlays
YouTubeFigma
已浏览 60.3万 次2018年12月3日
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
YouTubeFigma
已浏览 129.4万 次2020年10月28日
热门视频
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 个月前
Réponse à @mbmjr.24edit 2 ways to add gradient in figma there are many ways, but these two solutions are easiest! #figma #gradient #graphicdesign #ui #tutorial
0:32
Réponse à @mbmjr.24edit 2 ways to add gradient in figma there are many ways, but these two solutions are easiest! #figma #gradient #graphicdesign #ui #tutorial
TikTokkalil_p.designer
已浏览 414 次3 个月之前
Figma Tutorial: Guides
2:18
Figma Tutorial: Guides
YouTubeFigma
已浏览 19.7万 次2018年3月20日
Figma Design Tips
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
55:32
ADVANCED MOBILE APP UI DESIGN AND PROTOTYPING [FIGMA]
YouTubeHyginus Ukeh - Building
已浏览 13.2万 次2020年11月6日
Food App Design in Figma | Figma Tutorial | UX/UI
58:32
Food App Design in Figma | Figma Tutorial | UX/UI
YouTubeUX World
已浏览 59.5万 次2021年8月22日
How to Design Mobile Travel App in Figma | Figma Tutorial
39:44
How to Design Mobile Travel App in Figma | Figma Tutorial
YouTubeUX World
已浏览 6.6万 次2021年5月9日
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
Réponse à @mbmjr.24edit 2 ways to add gradient in figma there are many ways, but these two solutions are easiest! #figma #gradient #graphicdesign #ui #tutorial
0:32
Réponse à @mbmjr.24edit 2 ways to add gradient in figma there are ma…
已浏览 414 次3 个月之前
TikTokkalil_p.designer
Figma Tutorial: Guides
2:18
Figma Tutorial: Guides
已浏览 19.7万 次2018年3月20日
YouTubeFigma
Figma Image Overlay Tutorial
4:24
Figma Image Overlay Tutorial
已浏览 4.9万 次2021年3月30日
YouTubeLearn & Apply
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
已浏览 129.4万 次2020年10月28日
YouTubeFigma
Figma Tutorial: Layout Grids
2:45
Figma Tutorial: Layout Grids
已浏览 78.5万 次2018年3月20日
YouTubeFigma
A Quick Guide to Figma’s Image Fill Settings
3:57
A Quick Guide to Figma’s Image Fill Settings
已浏览 1.7万 次2020年7月21日
YouTubeEnvato Tuts+
5:35
[OLD] Figma Tutorial: Components - The Basics
已浏览 142.4万 次2018年3月20日
YouTubeFigma
3:51
How to Create Mesh Gradient Background in Figma | Gradient Ef…
已浏览 1.5万 次2021年3月21日
YouTubeRohan Creates
2:31
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
已浏览 43.7万 次2020年4月28日
YouTubeFigma
5:31
How to Create Animated Mesh Gradient Backgrounds in Figma | I…
已浏览 5.3万 次2021年3月15日
YouTubeDesign Xstream
13:31
Creating a Functional Color System in Figma with Color Styles
已浏览 7418 次2020年12月30日
YouTubeJavier Alaves
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.6万 次2022年2月3日
YouTubeАнастасия Ермолаева
1:31
Create 3D Gradient Lines in Figma
已浏览 1027 次2022年10月28日
YouTubeUrvashi
3:52
How To Create UI Gradients
已浏览 4738 次2023年8月15日
YouTubeNick Babich
3:03
Text Styles in Figma
已浏览 3.9万 次2023年11月25日
YouTubeNick Babich
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: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:28
How to edit styles in Figma
已浏览 7741 次2023年4月16日
YouTubeRaouf Belakhdar
5:11
Aurora Gradient in Figma - UI Design Tutorial
已浏览 4.3万 次2021年9月4日
YouTubeChinsk Design
8:08
Gradient Blur on Figma
已浏览 3133 次2023年11月9日
YouTubeDesignverse
3:18
Generate Style Guide in Figma Automatically
已浏览 2.1万 次2023年11月27日
YouTubeNick Babich
0:23
Easy Figma Gradient Tips | Gradient | Figma | UI Design
已浏览 2.6万 次2023年9月7日
YouTubeEmm Graphics
7:40
Animated Mesh Gradients in Figma
已浏览 7.6万 次2022年12月13日
YouTubeCaler Edwards
7:09
How to Fade an Image in Figma
已浏览 7.1万 次2023年10月29日
YouTubePixel & Bracket
观看更多视频
静态缩略图占位符