Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

You can right-click on a gradient fill in the gradient panel to redistribute gradient stops evenly in @Figma Design. (This used to be triggered previously with a double click.) #FigmaTip

miggi from figgi

40,989 subscribers

32,275 views • 8 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Better Gradient, a collaboration between Plugin Play and Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.

Introducing Better Gradient, a collaboration between Plugin Play and Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.

Austin Bauwens

18,777 views • 1 month ago

Design Engineering 101: Make your number steppers feel awesome. A number stepper that only bumps once per click makes you click twenty times. Reward the hold. Animate it nicely with rolling digits, blur on transitions and gradient masks to avoid abrupt cuts.

Design Engineering 101: Make your number steppers feel awesome. A number stepper that only bumps once per click makes you click twenty times. Reward the hold. Animate it nicely with rolling digits, blur on transitions and gradient masks to avoid abrupt cuts.

alyx

74,723 views • 3 months ago

you can totally do it with css 🧑‍🍳 use a border mask, layers + overflow: hidden, or other tricks skip animating the gradient though, jus' spin a 1:1 gradient layer 🤙

you can totally do it with css 🧑‍🍳 use a border mask, layers + overflow: hidden, or other tricks skip animating the gradient though, jus' spin a 1:1 gradient layer 🤙

jhey ʕ•ᴥ•ʔ

286,399 views • 10 months ago

Langevin Monte Carlo allows you to draw samples from a probability distribution using its log gradient ∇ log p(x). By performing a sort of gradient ascent with noise you can navigate around the distribution. Langevin MC is heavily related to modern diffusion models.

Langevin Monte Carlo allows you to draw samples from a probability distribution using its log gradient ∇ log p(x). By performing a sort of gradient ascent with noise you can navigate around the distribution. Langevin MC is heavily related to modern diffusion models.

Alec Helbling

97,001 views • 1 year ago

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

Tran Mau Tri Tam ✪

20,006 views • 1 month ago

That gradient application method just hits the brain in the right spots. Such a masterpiece! 😍

That gradient application method just hits the brain in the right spots. Such a masterpiece! 😍

Ave 🤍

1,877,266 views • 3 months ago

In Figma Design you can easily cut up a shape with a path using the shape builder tool, without moving over to draw! 🤯 Just draw the path you want to use to "Cut." Just select your object and path and press "M," and click your regions. #FigmaTip

In Figma Design you can easily cut up a shape with a path using the shape builder tool, without moving over to draw! 🤯 Just draw the path you want to use to "Cut." Just select your object and path and press "M," and click your regions. #FigmaTip

miggi from figgi

243,502 views • 1 year ago

Introducing "Plant gradient map"✨ This gradient set is perfect for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:

Introducing "Plant gradient map"✨ This gradient set is perfect for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:

CLIP STUDIO PAINT

20,600 views • 1 month ago

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.

Orion Reed

864,561 views • 2 years ago

Framer February → Day 1 ✨ A quick and easy way to add a smooth, animated, gradient border to a card in Framer. Let's get started ↓

Framer February → Day 1 ✨ A quick and easy way to add a smooth, animated, gradient border to a card in Framer. Let's get started ↓

Aleks

185,333 views • 3 years ago

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

Adam Wathan

47,993 views • 1 year ago

A leaf with ink moves across water due to the Marangoni effect, where the ink's lower surface tension creates a gradient that propels the leaf forward.

A leaf with ink moves across water due to the Marangoni effect, where the ink's lower surface tension creates a gradient that propels the leaf forward.

Science girl

1,499,187 views • 1 year ago

Be super careful around trees and power lines right now. If you’re a safe distance away from stuff, it’s quite something to behold. We don’t get gradient winds like this often. High Wind Warning remains in effect until 6pm.

Be super careful around trees and power lines right now. If you’re a safe distance away from stuff, it’s quite something to behold. We don’t get gradient winds like this often. High Wind Warning remains in effect until 6pm.

NashSevereWx

126,595 views • 3 years ago

Did you know that you can create Proton Calendar events directly from the Proton Mail web app? Just click the calendar icon on right side panel and fill in the details.

Did you know that you can create Proton Calendar events directly from the Proton Mail web app? Just click the calendar icon on right side panel and fill in the details.

Proton Mail

16,308 views • 5 months ago

A few design tools I found this week that are actually worth bookmarking 👇🏽 Paper Shader by Paper Image to Dither by AmirMušić Logo inspiration by Drice Noisy Gradient by Ava Thiery

Ammy

46,415 views • 2 months ago

You can now buy coins in Explore + Double-tap to buy in app + Single-click to buy on web + Set your quick buy quantity on the first click

You can now buy coins in Explore + Double-tap to buy in app + Single-click to buy on web + Set your quick buy quantity on the first click

Zora

16,459 views • 1 year ago

If you want to change the rotation origin on an object in Figma Design, select the object and press ⌥R (Alt R) to bring up the orientation point, and move it to a better spot for that perfect rotation point. #FigmaTip

If you want to change the rotation origin on an object in Figma Design, select the object and press ⌥R (Alt R) to bring up the orientation point, and move it to a better spot for that perfect rotation point. #FigmaTip

miggi from figgi

75,650 views • 1 year ago