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

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

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

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

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

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


Figmaの画像周りの基本操作|画像の追加方法や色補正、切り抜き方法まで
Figmaのスタイル入門|何度も使い回す色や文字設定を管理する方法
Figmaのフレームを一瞬で整列するプラグイン「LilGrid」
Figmaのパス周りの基本操作|基本的な描画方法からペンツールと直線ツールの細かい違いまで
Figmaで画像からカラーパレットを生成するプラグイン「Image Palette」
ダミーデータ・ダミー画像を登録・生成してくれるFigmaプラグインまとめ
Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」
Figmaで簡単に波の素材を生成するプラグイン「Get Waves」
Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」
Figmaでサクッとワイヤーフレームが作れる素材検索プラグイン「Wireframe」
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法