Figmaでテキストをカーブに合わせて変形させるプラグイン「arc」

ちなみに、プラグインインストールページのアイキャッチ画像内や、パネルタイトルは「Arc」のようにAが大文字になっています。
しかし、ページタイトルやメニューバーの表記は「arc」と小文字になっています。
ページタイトルを優先した方がいいと思い、この記事では上記特定の箇所を除いて「arc」の小文字で統一します。
arc

このプラグインは、以前紹介した「SkewDat」と同じ作者のプラグインです。
基本的な使い方
まずはテキストレイヤーを選択して、メニューバーの[Plugins]→[arc]を選択します(選択するテキストは1つ)。
パネルが表示されるので、弧の設定をして「Apply」をクリックで適用するだけです。

真ん中には選択したテキストが入力されて、右のバーを動かすか、右下の「Bend Strength」で弧の強さを調節します。

奇数は入力できないので注意が必要なのと、「0%」を指定するとリセットされずに表示がおかしくなりました(文字がすべて1箇所で重なるような表示になる)。
リセットしたい場合は左下の「Reset」をクリックするようにしましょう。
生成されたテキストの構造
「Apply」をクリックすると、選択したテキストとは別に要素が生成されます(コピーして生成のような形になる)。
生成されたテキストは、1文字1文字分解されて、それぞれ位置設定や回転された状態でグループ化されています。

そのため、修正が入るとまた生成し直しになってしまいます。
修正に弱いデータになってしまうので、生成元のテキストを非表示にして一緒にグループ化しておくなどの工夫は必要です。


Figmaで画面遷移図やフローチャートをつくるときに線を自動で引いてくれるプラグイン「Autoflow」
FigmaのSearch Menuを使用して必要なメニュー・コマンドをすばやく実行する
Illustratorの選択系のツールを徹底的にまとめる
Figma × Keyboard Maestroでどこまで効率化できる?
Figmaのレイヤー名を一括変更するプラグイン「Rename It」
iPhoneのスクリーンショットをIllustratorにペーストすると、色がおかしくなってしまう現象の解決方法
Sketchのパス周りの基本操作|基本的な描画方法からベクターツールと直線ツールの違いまで
Figmaでデザインを作成するときの基本的な操作方法
Figmaで画像からカラーパレットを生成するプラグイン「Image Palette」
Figmaのテキストやオブジェクトを斜めに変形・旋回させるプラグイン「SkewDat」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
AWSのロードバランサー「ALB」と「NLB」の違いと使い分け
Google Driveで「サーバーでエラーが発生しました。しばらくしてからもう一度お試しください。」と表示される場合の対処法
AlfredのDefault Resultsを変更して、Google検索をラクにする方法
Macのプレビュー.appを使って画像のトリミングを行う方法
BetterTouchToolを使って、ショートカットキーでAirPods ProをMacBook Proに接続する方法
Default Folder XでPath Finderを「Finderクリック」機能で選択したとき、違うフォルダが選択されてしまう問題
MacVim-Kaoriyaのインストール方法
iTerm2全般の設定ができる環境設定の「General」タブ
CSS Nite in Kobe, vol.42「ユーザーの感情に寄り添い、検索エンジンからも評価される「ドリルライティング」実践講座」に参加してきました