How To Create Gradients in Figma (Linear, Radial, Angular, Diamond)

preview_player
Показать описание
Adding gradients is one of the easiest ways to breathe life into your designs. So, in this video we talk about the 4 different gradient types Figma has to offer.

📕 Show Notes 📕

#figma #figmatutorial

➡️ QUESTION — Have a question about UI, UX or Product Design? Designing in Figma? Or Anything Else? Post in the comments section of this video—I’m happy to answer!
  1. Tim Gabe
  2. ui
  3. ux
  4. product design
  5. ui design
  6. ux design
Рекомендации по теме
How To Create 0:07:15

How To Create Mesh Gradients in Figma (Beginner Tutorial)

How To Create 0:03:21

How To Create Gradients in Figma (Linear, Radial, Angular, Diamond)

SIMPLE WAYS TO 0:06:58

SIMPLE WAYS TO MAKE COOL GRADIENTS IN PHOTOSHOP

Create Gradients Like 0:04:24

Create Gradients Like A Pro in Adobe Illustrator | Tutorial

GRADIENT PHOTOSHOP TUTORIAL 0:03:27

GRADIENT PHOTOSHOP TUTORIAL 2023 // Learn How To Create Gradients In 5 Minutes!

How to create 0:05:10

How to create GRADIENTS IN CANVA

Create Powerful Gradients 0:00:51

Create Powerful Gradients in After Effects #tutorial

How To Create 0:14:10

How To Create Gradients Like A PRO In After Effects

Linear-gradient in CSS 0:04:48

Linear-gradient in CSS - CSS

Animated Mesh Gradients 0:07:40

Animated Mesh Gradients in Figma

Create Animated Mesh 0:09:35

Create Animated Mesh Gradients in Figma (Tutorial + Files)

🎨 HOW TO CREATE 0:12:43

🎨 HOW TO CREATE COOL GRADIENTS QUICK & EASY (ADOBE ILLUSTRATOR TUTORIAL)

Use this tool 0:02:15

Use this tool make awesome gradients in Procreate: super easy! (2022)

Fastest Way To 0:05:20

Fastest Way To Make This SMOOTH GRADIENT DESIGN In Illustrator

How to Create 0:04:09

How to Create and Edit Gradients in Adobe Illustrator

The 3 BEST 0:07:18

The 3 BEST Ways To Use Gradients In Photoshop

The right way 0:06:48

The right way to make color gradients! | Figma UI tutorial

How to create 0:00:52

How to create gradients in Figma #design #graphicdesign #marketingdigital #instagram

Random Mesh Gradients 0:04:42

Random Mesh Gradients | Adobe Illustrator

Learn How to 0:07:36

Learn How to Create & Use Gradients in Adobe Photoshop | Dansky

The Complete Guide 0:10:10

The Complete Guide To Creating Gradients In Inkscape

Turn On This 0:04:13

Turn On This Setting to Fix Banding in Gradients! - Photoshop Trick

How To Create 0:11:15

How To Create Color Blends (Gradients) in Adobe Photoshop

How To Create 0:03:14

How To Create Awesome Gradients In Adobe After Effects

Комментарии
Автор

Super great lesson, you're a genius ❤

ejikembaekwe
Автор

Awesome content!! You do a fanfastic job at articulating the steps and teaching by examples. I'd love to see prototyping tricks and tutorials in the near future.

TheNNguyener
Автор

Each and every video of yours is really helpful and amazing

iva
Автор

your videos are superb for beginners, love these

MuhammadAsif-nboc
Автор

Hello, Tim!! Hope you are doing great ☺️ I like your haircut!)
Thanks for the video and explanations! Which of the 4 styles do you use mostly?

I hope to see the video how you create the landing page with different animations in Figma🙂

AnastasiiaPominchuk
Автор

Mate, do you consider making a video on component slots? Did you use that approach in your designs?

MilanB
Автор

How to add a grdient you've created or often used into a library so it can be applied to other shapes quickly?

RonoTron
Автор

bro can you make a video on how to design a responsive webpage using Figma auto layout & resizing option...It would greater if you create a one-page website then making it responsive just using auto layout and resizing option

tirtharajchakraborty