【小ネタ】テキストだけを抜き出す方法（Figma）

今回の記事ではFigmaで作成したデザイン上に存在するテキストだけを抜き出す方法について記載します。

抜き出す方法

テキストを抜き出したい部分を選択後、Figma以外でペーストするとテキストだけが貼り付けられます。

メモ帳にペーストした場合

なぜテキストだけ抜き出されるのか

Figma内ではXdと同じように、各オブジェクトをコピー&ペーストで複製できます。

ですがクリップボードを見てみると、FigmaとXdではコピーの形式が異なることがわかります。
クリップボード上ではFigmaはテキスト部分のみ、Xdは画像で表示されています。
その為、FigmaでコピーしたものをFigma外でペーストするとテキストだけが貼り付けられる形になります。

なお、Xdは画像形式で保存されるため、XdからFigmaにそのままペーストすると画像として貼り付けられます。
XdからFigmaへレイヤー構成を保ったままぺーストしたい場合には、『SVGコードのコピー』を使用します。

まとめ

以上、Figmaで作成したデザイン上に存在するテキストだけを抜き出す方法でした。