Gradient buttons in Figma
Gradient buttons in Figma
Dec 12, 2024
dribbble.com
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
The proper way to design color gradients in Figma ✅ 1. Stop desi…
9.8K views3 months ago
Facebookjanm_ux
How to Create a Radial Gradient in Figma [2026 Full Guide]
2:51
How to Create a Radial Gradient in Figma [2026 Full Guide]
10 views1 month ago
YouTubeTutorials with Ilker
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
3D Gradient Text Design in Figma
1:03
3D Gradient Text Design in Figma
5.9K views1 month ago
TikTokskr___archive
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
1.3M viewsOct 28, 2020
YouTubeFigma
Figma Tutorial: Layout Grids
2:45
Figma Tutorial: Layout Grids
785.4K viewsMar 20, 2018
YouTubeFigma
3:51
Figma tutorial: Auto layout button
803.8K viewsJan 21, 2021
YouTubeFigma
21:25
Figma For Beginners: Create designs (2/4)
873K viewsDec 1, 2020
YouTubeFigma
15:50
Figma For Beginners: Explore ideas (1/4)
1.6M viewsDec 1, 2020
YouTubeFigma
3:51
How to Create Mesh Gradient Background in Figma | Gradient Ef…
15K viewsMar 21, 2021
YouTubeRohan Creates
54:48
Build it in Figma: Create a design system — Components
291.8K viewsAug 4, 2020
YouTubeFigma
7:38:43
Create a Design System with Figma - Full Course
790.5K viewsJun 28, 2021
YouTubefreeCodeCamp.org
3:35
How to Create Glass Card Effect - Figma Tutorial
430.8K viewsJan 5, 2021
YouTubeThalion
2:31
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
437.4K viewsApr 28, 2020
YouTubeFigma
13:34
Creating a Figma Design System: Colors and Forms
7.9K viewsDec 17, 2020
YouTubeEnvato Tuts+
55:27
Build it in Figma: Create a Design System — Foundations
1M viewsJul 24, 2020
YouTubeFigma
5:41
Figma Tutorial - How to Setup Layout Grids for Website
91.8K viewsJul 13, 2020
YouTubeFaizur Rehman
3:44
Figma tutorial: Create reusable color styles [4 of 8]
223.5K viewsSep 18, 2019
YouTubeFigma
2:50
WAVE EFFECT | Figma Tutorial
55.2K viewsFeb 3, 2022
YouTubeАнастасия Ермолаева
1:31
Create 3D Gradient Lines in Figma
1K viewsOct 28, 2022
YouTubeUrvashi
3:52
How To Create UI Gradients
4.7K viewsAug 15, 2023
YouTubeNick Babich
11:35
Trendy Gradient Figma Tutorial
35.2K viewsJun 2, 2023
YouTubeFlux Academy
44:30
Master Design Tokens - From Basics to Advanced
71.3K viewsJun 17, 2024
YouTubeUI Collective
6:01
Figma Tutorial: Creating Styles
629.5K viewsJun 21, 2018
YouTubeFigma
12:25
6 MUST HAVE Figma Design System Plugins!!
103.4K viewsMar 1, 2022
YouTubeMizko
1:26
How to Add Gradient in Figma 2025?
35 views9 months ago
YouTubeTechie Dot Com
1:35
Figma - Linear gradients
14.7K viewsMar 1, 2019
YouTubeWolfr
5:11
Aurora Gradient in Figma - UI Design Tutorial
43.3K viewsSep 4, 2021
YouTubeChinsk Design
0:23
Easy Figma Gradient Tips | Gradient | Figma | UI Design
25.6K viewsSep 7, 2023
YouTubeEmm Graphics
See more videos
Static thumbnail place holder