It is convenient to add sizes
between elements with a single click.
![Hanai Akihiro](https://hanai.xyz/wp-content/themes/hanai.xyz/assets/dist/img/no-back.png)
Design
How to use Figma’s “Redlines” plug-in|Let’s describe the size of objects, etc.
Post:2024.03.19 / Rewrite : 2024.03.19
View
73 views
In Figma, selecting an element while holding down "option" displays the distance between the elements.
Still, it is easy to share rules among designers by daring to describe locations or components that require special attention.
![figma-plugin-redline](https://hanai.xyz/wp-content/uploads/2024/03/redline.jpg)
Movie|How to use Figma’s “Redlines” plug-in
How to use Figma’s “Redlines” plug-in
1. Search for and execute “Redlines” from Resources.
2. Select an element and click the “Measuring Lines” button to add size and lines to the position indicated on the icon (multiple elements can be selected and added in one batch).
3. Display of size. You can also set the size and lines to be drawn under the icon.
Color: Color of text and lines.
Space Between Items: Width between elements.
Dimensions: Display of dimensions.
Font Size: Font size.
Measurement Units: Add units to the size.
Unit Value: Set the unit to be added.
Outlines: In the “Outlines” tab, you can add rectangles in light red color (color can be customized).
Outlines” tab.
Color: The color of the lines and fill.
Opacity: The transparency of the fill.
You can also set the background of the fill, and enclose the text display area with a dotted line.
-
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.09.03
-
Design
How to use Figma’s “blobs” plug-in|Let’s create fluid shapes.
Hanai Akhiro
date.2024.04.03
-
Design
How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”|Let’s create attractive gradations.
Hanai Akhiro
date.2024.04.02
-
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 “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’s “Split Shape” plug-in|Let’s create a columnar (grid) repetitive layout.
2024.03.29
-
How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”|Let’s create attractive gradations.
2024.04.02
-
How to use Figma’s “Clean Document” plugin|Let’s convert elements with decimal points to integers.
2024.03.26
-
How to use Figma’s “auto flow” plug-in|Let’s draw a screen transition diagram.
2024.03.25