【3Step】Figmaのペンツール練習方法

Figmaのペンツールって、本当に難しいですよね。
最初は全然思い通りに線が引けなくて、「これは慣れるまで相当時間がかかりそうだ…」と思っていました。続けていく中で 「ハンドルの使い方」 を理解できた瞬間があり、そこから少しずつ自由に図形を作れるようになってきました。

今回は、自分がペンツールに慣れるために実際に取り組んだ 3つの練習方法を紹介します。

Step1.好きな画像の黒い部分だけをなぞる

最初にやったのは、Figmaに好きな画像を置いて、黒い部分（影）だけをペンツールでなぞる練習でした。ひたすらパスを増やしながら一つの図形を作り上げるやり方です。

これを続けていると、影だけでキャラクターを表現できるようになり、思っていた以上にグラフィカルなシルエットが仕上がっていきました。この体験を通して、ベジェ曲線のクセが少しずつ掴めてきて、
「線ってこうやって曲がるんだ」という感覚的な理解が深まっていきました。

実際に作った画像

Step2.毛筆体の漢字をなぞってみる

次にやってみたのは、毛筆体の漢字をなぞる練習です。シンプルに見えて、実は曲線の連続なので、ペンツールの練習にはとても良かったです。

この練習の中で、ハンドルの扱い方が一気に理解できました。

これは自分の手で何度も触ってみて初めて分かった感覚でした。毛筆体をなぞるときは外側にハンドルを出した方が曲線が美しくなるし、反対に細かいねじれを作りたいときは内側に入れた方がコントロールしやすい。

「ああ、ペンツールってこういう風に扱うんだ」と腑に落ちた瞬間でした。

このあたりから、アンカーポイントとパスの関係がだんだん分かってきて、
“思い通りの形に変形できる”感覚が掴めるようになってきました。

ここを理解してくると、ロゴの形を変えたり、アイコンの角を調整したり、
細かい調整が苦ではなくなっていきます。自分の中で自由度が一段階上がったような感じがしました。

Step3.テキストをベクター化してロゴに挑戦

ペンツールに慣れてきた頃、テキストをベクター化（アウトライン化）して自由に変形することにも挑戦しました。

テキストを選んで ⌘ + E（Mac）／Ctrl + E（Windows） を押すだけでベクター化できるのですが、
これを覚えたことで、

• 文字の一部分を切り抜く

• 隙間を作る

• “M”の一部をネクタイの形に変える
  などの遊びができるようになり、とても楽しくなりました。

文字が「ただの文字」ではなく「自由に触れる図形」になる瞬間は、デザインの幅が一気に広がったような気がしました。

おわりに

Figmaのペンツールは、最初は難しそうに見えるけれど、こうして少しずつ手を動かしていくことで確実に理解が深まると実感しました。

練習後に作ったロゴ達