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

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

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

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

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

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


Figmaでカラーやテキストのスタイルをまとめて登録するプラグイン「Styler」
Illustratorの「埋め込み」を行うスクリプトで、画像の埋め込みをショートカットで行う!
Illustratorで画像内の複数箇所を切り抜いて書き出す方法
Sketchの図形周りの基本操作|図形の作成方法から描画に関する細かい部分まで
今から始めるUIデザインツールSketch入門 Sketchの特徴と使う理由
FigmaのSearch Menuを使用して必要なメニュー・コマンドをすばやく実行する
FigmaのAuto Layout入門|繰り返しのレイアウトやコンテンツに応じて横幅可変するボタンをラクに作る
Figmaで作ったスマホデザインを「Mirror」機能を使ってリアルタイムに実機確認をする
Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」
Figmaのスタイル入門|何度も使い回す色や文字設定を管理する方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング