Figma で図形を変形する方法 — 拡大縮小・回転・反転と自由変形

「Illustrator の自由変形みたいに図形を歪ませたい」「台形や遠近をつけたいのに見当たらない」「拡大したら線の太さまで変わってしまった」— Figma で図形を変形しようとしてつまずく原因は、たいてい同じです。Figma が標準でできる変形は、拡大縮小・回転・反転までで、歪み（skew）や遠近（perspective）は標準機能にありません。まずこの線引きを知ると、迷いが消えます。

本記事では、標準でできる変形（拡大縮小・回転・反転）→ 標準にない自由変形・歪み・遠近をプラグインで補う方法 までを、やりたいことの順に整理します。最後に、Illustrator や Adobe XD から移行した人がつまずきやすい点もまとめました。

この記事で得られること

• 図形をリサイズ・拡大縮小する方法（Scale ツールで線や効果ごと拡大）
• 回転・反転の具体的な操作とショートカット
• Figma 標準にない自由変形・歪み・遠近をプラグインで補う方法
• 変形プラグインの選び方の目安
• Illustrator / XD から移行した図形でつまずく点と対処

📐 拡大縮小・リサイズ（Scale ツール）

図形のサイズを変えるには、2 つの方法があります。結果が違うので使い分けます。

• リサイズ（選択ツール）: 図形を選択し、外側のハンドルをドラッグします。Shift を押しながらドラッグすると縦横比を保てます。線の太さや角丸・効果は元のままで、形の寸法だけが変わります。
• 拡大縮小（Scale ツール、K）: K で Scale ツールに切り替えてからドラッグすると、線やブラーも一緒に拡大縮小されます¹。テキストレイヤーに使えば、バウンディングボックスとフォントサイズが同時に変わります²。「全部まとめて 1.5 倍にしたい」ときはこちらです。

Scale ツールはドラッグだけの機能ではありません。公式ヘルプは、右サイドバーの Scale パネルから次の 3 つが使えると案内しています¹。

• 倍率で指定する: Scale パネルのドロップダウンから倍率を選ぶか、数値を入力して Enter
• 寸法で指定する: 幅か高さのどちらかに数値を入れると、もう一方が自動で追随する
• 拡大の起点を決める: Scale パネルの anchor box で固定したい側を指定する。中央なら全方向へ、左上を指定すれば右下方向へ広がる

⚠️ Scale が効かない対象が 2 つあります。 公式ヘルプは、ロックされたレイヤーとコンポーネントインスタンスの中にネストされたレイヤーは Scale できないと明記しています¹。「なぜかこの要素だけ拡大されない」ときは、まずこの 2 つを疑ってください。

🔄 図形を回転する

図形を回転させる方法はいくつかあります。用途に応じて選びます。

1. ハンドルで回す。 図形を選択し、コーナーの少し外側にカーソルを置くと回転カーソルに変わります。そのままドラッグして回します。Shift を押しながらだと 15° 刻みで回転します³。
2. 角度を数値で入れる。 右パネルの回転（Rotation）欄に角度を直接入力すると、正確な角度に合わせられます³。
3. 回転の中心をずらす。 既定では選択範囲の中心が回転の軸になりますが、Option + R（Mac）/ Alt + R（Windows）で回転原点のターゲットを呼び出し、ドラッグして別の位置へ動かせます³。時計の針や振り子のように「端を軸にして回す」動きは、これを知らないと作れません。

角度の見え方にも決まりがあります。公式ヘルプによると、初期値は 0° で、正の角度が反時計回り、負の角度が時計回りに ±180° まで進みます。180° を越えると、そこから 0° に向かって数え直されます（180° を 15° 越えると -165° と表示される）³。

🪞 図形を反転する

図形を鏡像にする（左右・上下を入れ替える）には、反転を使います。

• 左右反転（Flip horizontal）: Shift + H
• 上下反転（Flip vertical）: Shift + V

右クリックメニューからも反転できます³。アイコンの向きを変えたい、左右対称のパーツを作りたいときに便利です。反転は鏡像にするだけで、形そのものは歪みません。

🪄 自由変形・歪み・遠近はプラグインで

ここが多くの人のつまずきどころです。Illustrator や Photoshop の「自由変形」のように、4 隅を別々に動かして歪ませたり、台形・遠近をつけたりする操作は、Figma の標準機能にはありません。標準の回転・拡大縮小・反転では、形を斜めにしたり奥行きをつけたりはできません。

自由変形・歪み（skew）・遠近（台形）変形をしたい場合は、次のいずれかになります。

• 変形プラグインを使う: Figma Community には、4 隅をドラッグして歪ませたり、遠近・skew をかけたりできるプラグインが複数あります。図形を選んでプラグインを実行すると、自由変形した結果に置き換わります。Figma の中で完結させたいときに便利です。
• 外部で処理してから取り込む: Illustrator や Photoshop で変形してから、画像（PNG / SVG）として書き出して Figma に配置します。仕上がりを細かく詰めたいときはこちらが確実です。

🔌 変形プラグインの選び方

自由変形系のプラグインは複数あり、用途で向き不向きがあります。選ぶときの目安です。

• ベクター図形を歪ませたい: パスを真の形状として変形できる（曲線をなめらかに分割する）タイプが向いています。
• 画像に遠近をつけたい: 画像を高品質にワープできる（ピクセル単位で処理する）タイプを選びます。
• 手早く skew / 台形をかけたい: スライダーで角度を調整するシンプルなタイプが扱いやすいです。

🔄 XD・Illustrator から移行した図形

Illustrator や Adobe XD から移行したファイルでは、図形の変形に関して下記の 2 点の注意が必要です。

• イラレの自由変形・遠近は Figma の構造に「そのまま」移行できない: Illustrator で自由変形や遠近をかけた図形は、Figma 側では変形が確定したパスや画像として扱う必要があります。編集可能な「変形の途中状態」としては引き継げません。
• XD の図形・パスはマスク・角丸など構造を保って移行できる: 単純な拡大縮小・回転は Figma 側でも再現できますが、複雑なパスやブール演算は、構造ごと変換できる移行手段を選ぶと崩れにくくなります。

手作業で 1 つずつ作り直すのは手間がかかるため、図形・パスの構造ごと変換できる移行手段を選ぶのが安全です。どの手段が構造を保てるかは道具によって差が大きいので、選定からの方は XD → Figma 変換プラグインの選び方 で候補を比較してから決めてください。Pixel Fine Converter は XD ファイルを直接読み込み、図形やパスを Figma の構造に変換します。XD の図形変換の詳細は XD の図形を Figma に変換する にまとめています。

💬 よくある質問

Q: Figma で図形を自由変形（歪ませる）できますか？

標準機能だけではできません。4 隅を別々に動かす自由変形や、歪み（skew）・遠近（台形）変形は Figma 標準にないため、変形プラグインを使うか、Illustrator / Photoshop で加工して画像として取り込みます。標準でできるのは拡大縮小・回転・反転までです。

Q: 拡大したら線の太さまで変わってしまいました。

普通のリサイズ（選択ツールのハンドル）では線幅は変わらないはずですが、Scale ツール（K）で拡大すると線幅・効果・文字も比例して変わります。線幅を保ちたいときは選択ツールでリサイズ、見た目ごと拡大したいときは Scale ツールを使い分けてください。

Q: 図形を回転するショートカットは？

回転専用の単一キーのショートカットはありません。コーナーの外側をドラッグ（Shift で 15° 刻み）するか、右パネルの回転欄に角度を入力します。

⚠️ 矢印キーでは回転しません。 矢印キーは Figma では nudge（位置の移動） に割り当てられており、既定では 1pt ずつ、Shift を押しながらで 10pt ずつ移動します³。修飾キーを足しても回転にはならないことを実機（Windows）で確認しています。細かい角度を詰めたいときは右パネルの数値入力を使ってください。

Q: 図形を反転（鏡像に）するには？

左右反転は Shift + H、上下反転は Shift + V です。右クリックメニューからも反転できます。

Q: 画像に遠近をつけたいです。

標準機能ではできません。遠近変形に対応した変形プラグインを使うか、外部の画像編集で加工してから Figma に配置してください。

Q: Illustrator で自由変形した図形が、Figma 移行後に崩れました。

Illustrator の自由変形・遠近は、Figma 側では変形が確定したパスや画像として扱う必要があります。編集可能な変形状態のままでは引き継げないため、確定した形で移行するか、Figma 側で作り直してください。

🎯 まとめ

Figma の図形変形は、標準でできる範囲を押さえ、足りない分はプラグインで補うのがコツです。本記事の要点は次の 4 つです。

サイズなら Scale ツール、回転はハンドルか数値入力、反転は Shift + H / V。歪みや遠近が要るならプラグイン。この線引きさえ押さえれば、Figma の図形変形で迷いにくくなります。そしてファイルのベースが Illustrator や Adobe XD で作成されたものなら、図形・パスの構造を保ったまま移行することが、作り直しを避けるいちばんの近道です。

なお本記事のうち Figma の仕様に関する記述は公式ドキュメントを出典として明記しています（下記）。Pixel Fine Converter の図形・パス変換に関する記述は、いずれも自社のソースコードと実機検証にもとづく一次情報です。

出典

1. Scale layers while maintaining proportions — Scale ツール（K）が線やブラーも一緒に拡大縮小すること、Scale パネルの倍率 / 寸法フィールド / anchor box、ロックされたレイヤーとコンポーネントインスタンス内のネストレイヤーには使えないこと（2026-08-20 確認） ↩ ↩² ↩³

2. Adjust text dimensions and resizing — Scale ツールがテキストレイヤーのバウンディングボックスとフォントサイズを同時に変えること、分数のフォントサイズやサブピクセルの寸法が書き出しのアーティファクトにつながりうること（2026-08-20 確認） ↩ ↩²

3. Adjust alignment, rotation, position, and dimensions — 回転の初期値 0° と ±180° の数え方、Shift で 15° 刻み、回転原点を Option/Alt + R で移動できること、エフェクトは回転しないこと、Flip horizontal / vertical のショートカットと右クリックメニュー（2026-08-20 確認） ↩ ↩² ↩³ ↩⁴ ↩⁵ ↩⁶ ↩⁷

4. Create patterns with transforms — Figma Draw の transforms が Radial repeat / Linear repeat の 2 種類であり、オブジェクトを繰り返してパターンを作る非破壊機能であること（2026-08-20 確認） ↩

関連ページ

• XD の図形を Figma に変換する — シェイプ・パスの変換の詳細
• Figma で画像を切り抜き・トリミングする方法 — 画像の切り抜き・マスク
• Figma の UI を整える — 日常操作のショートカットと小技