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

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

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

この記事で得られること

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

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

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

• リサイズ（選択ツール）: 図形を選択し、外側のハンドルをドラッグします。Shift を押しながらドラッグすると縦横比を保てます。線の太さや角丸・効果は元のままで、形の寸法だけが変わります。
• 拡大縮小（Scale ツール、K）: K で Scale ツールに切り替えてからドラッグすると、線幅・角丸・シャドウ・文字サイズまで比例して拡大縮小されます。「全部まとめて 1.5 倍にしたい」ときはこちらです。

🔄 回転する

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

1. ハンドルで回す。 図形を選択し、コーナーの少し外側にカーソルを置くと回転カーソルに変わります。そのままドラッグして回します。Shift を押しながらだと 15° 刻みで回転します。
2. 角度を数値で入れる。 右パネルの回転（Rotation）欄に角度を直接入力すると、正確な角度に合わせられます。
3. キーで微調整する。 Option（Mac）/ Alt（Windows）+ Cmd/Ctrl + 矢印キーで 1° ずつ回転できます。

🪞 反転する

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

• 左右反転（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 つずつ作り直すのは手間がかかるため、図形・パスの構造ごと変換できる移行手段を選ぶのが安全です。Pixel Fine Converter は XD ファイルを直接読み込み、図形やパスを Figma の構造に変換します。XD の図形変換の詳細は XD の図形を Figma に変換する にまとめています。

💬 よくある質問

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

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

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

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

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

回転専用の単一キーのショートカットはありません。コーナーの外側をドラッグ（Shift で 15° 刻み）、右パネルの回転欄に角度を入力、または Option/Alt + Cmd/Ctrl + 矢印キーで 1° ずつ回転します。

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

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

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

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

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

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

🎯 まとめ

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

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

関連ページ

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