Circles, waves, and other text can be
You can place text along a path.
![Hanai Akihiro](https://hanai.xyz/wp-content/themes/hanai.xyz/assets/dist/img/no-back.png)
Design
How to use Figma’s “To Path” plug-in|Let’s try placing text along a path.
Post:2024.03.19 / Rewrite : 2024.03.19
View
75 views
Use the To Path plug-in to place text on a circle, wavy line, or other curved path.
![figma-plugin-topath](https://hanai.xyz/wp-content/uploads/2024/03/path.jpg)
Movie|How to use Figma’s “To Path” plug-in
How to use Figma’s “To Path” plug-in
First, prepare the text and object.
With each selected, activate the To Path plug-in.
Vertical Align” for vertical alignment, “Horizontal Align” for horizontal alignment, and increasing the Offset(px) number will advance the placement of the text in the direction of the clock.
We will leave the default settings for now.
Click on Link to place the text along the path.
The text is now placed in a circle.
However, the amount of text is too small for the size of the circle, so let’s change the amount of text and adjust the overall balance.
Let’s stop the To Path plug-in and delete the original text.
Next, let’s try placing the text along a wavy line.
To draw a wavy line, use the Wave & Curve plug-in.
Display just the right wavy line and insert it from create.
Now, prepare the text in the same way, and with each selected, run the To Path plug-in.
It looks good.
-
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