Figmaで文字やシェイプを曲線にそって配置するプラグイン

Figmaでデザイン作成しているときに、文字を曲線にそって配置したりシェイプを曲線に配置したいことはありませんか？

そんなときは、プラグイン『To Path』が便利です。

使い方は、

1. 『To Path』のプラグインを選択

2. 沿わせたいテキストと曲線を選択し「Link」をクリック

ちなみに、波線や曲線を作るプラグインは以下の記事で解説しています。

関連記事

Figmaで波線や曲線を作るためのプラグイン『Wave & Curve』

Figmaで波線や曲線を作りたいときはありませんか？そんなときは、プラグイン『Wave & Curve』が便利です！使い方は、『Wave & Curve』のプラグインを選択複数のオプションを活用して波線を作成「Create」をクリック次に、設定可能なオプションについて説明します。左：Height（振幅:px）中央：Height Difference（振幅の高低差のランダム性）右：Distance（波長:px）左の3要素：波線の種類右の4要素：波形の種類Number waves：波の数矢印：リセッ

『To Path』では、複数のオプションによってデザインの調整が可能です。

• Vertical Align：テキストと曲線の距離（0~1）

• Horizontal Align：文字同士の距離（0~1）

• Offset(px)：テキストの配置（始点からの距離）

テキストの配置は以下の2つの方法での調整が可能です。

• 左揃え、中央揃え、右揃え

• 始点からの離れ具合（px）

• characters follow curve rotation：テキストを曲線に合わせて傾けるか

• reverse direction of text：テキストを配置する方向

この機能を使ってデザインの幅を広げましょう！

この記事の関連シリーズ

Figmaの役立つTips特集

FigmaでのWebデザインやUIデザイン制作に、知っておくと役立つFigmaの便利な使い方やショートカットを紹介する連載企画。プラグインやウィジェットなど、『Figma Community』に公開されているおすすめのリソースも紹介！