Using the intuitive UI
Shadows can be expressed using an intuitive UI.
Design
How to use Figma’s “Beautiful shadows” plug-in｜Applying beautiful shadows to objects.
Post：2024.03.18 / Rewrite : 2024.03.18
View
181 views
I know you often use shadows in your designs,
Figma's design allows shadows to be dropped more intuitively and beautifully.
目次
With Video｜How to use Figma’s “Beautiful shadows” plug-in.
How to use Figma’s “Beautiful shadows” plug-in.
To express drop shadows more intuitively using the UI, use the Beautiful shadows plugin.
1. With the element you want to drop shadow on selected, search for the Beautiful shadows plugin in Resources.
2. First, match the background of the plugin’s panel with the background of the window.
3. Move your line of sight while checking the values numerically from the 3-point dots.
Then a shadow will fall on the element.
You can change the color of the shadow, the spread of the shadow, and the transparency of the shadow by using the numerical values.
Incidentally, you can also cast a shadow on the element itself with the background cut out.
-
Design
（With Movie）How to use Figma’s plug-ins “Mockup” and “Vectary 3D”｜Insert smartphone or PC mockups into your design.
Hanai Akhiro
date.2024.10.29
-
Design
How to use Figma’s “blobs” plug-in｜Let’s create fluid shapes.
Hanai Akhiro
date.2024.10.28
-
Design
How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”｜Let’s create attractive gradations.
Hanai Akhiro
date.2024.10.27
-
Design
How to use Figma’s “Wave & Curve” and “get waves” plug-ins.
Hanai Akhiro
date.2024.04.01
-
Design
How to use FigMap, a plugin for Figma｜Insert a map.
Hanai Akhiro
date.2024.03.31
-
Design
How to use Figma’s “Split Shape” plug-in｜Let’s create a columnar (grid) repetitive layout.
Hanai Akhiro
date.2024.03.29
-
Design
How to use Figma’s “Skew” plug-in｜Apply italics to figures and text.
Hanai Akhiro
date.2024.03.28
-
Design
How to use Figma’s “Icons8 Background Remover” plug-in｜Crop out the person and background.
Hanai Akhiro
date.2024.03.27
Popular
-
How to use FigMap, a plugin for Figma｜Insert a map.
2024.03.31
-
How to use Figma’s “Iconify” plug-in｜Insert free icons into your design.
2024.03.18
-
How to use Figma’s “Split Shape” plug-in｜Let’s create a columnar (grid) repetitive layout.
2024.03.29
-
How to use Figma’s “auto flow” plug-in｜Let’s draw a screen transition diagram.
2024.03.25
-
How to use Figma’s “Instance Finder” plug-in.
2024.03.18
-
How to use Figma’s “DownSize” plug-in｜Compress your images.
2024.03.22
-
How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”｜Let’s create attractive gradations.
2024.10.27
-
How to use Figma’s “Wave & Curve” and “get waves” plug-ins.
2024.04.01
