Summary  
This chapter covers using the pen tool to create and edit vector shapes by placing anchor points (nodes) and manipulating Bézier curve handles for precise control over curves.

General domain of usage  
Vector graphic design

ツールバーの**ペンツール**は、ポイント（ノード）をつなげてシェイプを作成する機能。シェイプを閉じるときに円形アイコンが表示され、デフォルトではストロークのみで塗りつぶしはなし。

カーブを描くには、クリックしてドラッグし、ハンドルを作成して曲線のカーブを調整。**Alt/Option**キーを使うとハンドルを分割し、個別にコントロール可能。**Shift**キーで垂直・水平・45°角にスナップ。

高度な編集には、**Ctrl/Command**キーでベンドツールにアクセスし、直線を曲線に変換、ノードの編集、ハンドルの追加・削除が可能。ペンツール使用中は「アイソレーションモード」となり、シェイプはモードを抜けるまで一つのオブジェクトとして扱われる。**Escape**キーでモードを終了。

練習用ウェブサイトへのリンクはこちら：<a href="https://bezier.method.ac/" target="_blank">ペンツール</a>。
このゲームはツールの習熟に大いに役立つので、ぜひ楽しんでください。

Break handles for independent control when adjusting curves

Snap handles to vertical, horizontal, or 45° angles while dragging

Access the bend tool to convert straight lines to curves or modify nodes; add/remove handles

Exit "isolation mode" while using the Pen tool

ペンツールのハンドルをドラッグ中に**Alt/Option**キーを押すとどうなりますか？

ペンツールで直線を曲線に変換するにはどうすればよいですか？

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトの設計、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家のアドバイス、実社会での応用を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

Figmaとは何か、UI/UXデザインにおけるその役割、そしてFigmaのインターフェースやツールの操作方法について学びます。ブレインストーミングやコラボレーションのためのFigJamボード、さらにFigma内でデザインを効果的に整理・構造化するためのページやフレームについても探求します。

Figmaのレイヤーがデザインを整理する方法を理解します。グループ化された図形が魅力的なビジュアルを作成するのに役立つことを探求します。タイポグラフィツールを使用してテキストを美しくスタイリングする方法を学びます。

写真や動画の配置、マスクの使用、ブレンドモードの適用によるダイナミックなデザインの作成方法を学びます。カラー、グラデーション、ボタン、オートレイアウト、コンポーネント、スタイルを習得します。プラグインやウィジェットの活用により、創造性を高め、ワークフローを効率化する方法を解き明かします。

カラム、グリッド、プラグイン、親子コンポーネント構造を活用し、デザインプロセスを効率化します。

低忠実度ワイヤーフレームの作成、インタラクティブプロトタイプの構築、デザインのアニメーション化、クライアントへの効果的なプレゼンテーション。

Figmaのペンツール：カスタムシェイプとベクターグラフィックの作成

1. ペンツールのハンドルをドラッグ中にAlt/Optionキーを押すとどうなりますか？

2. ペンツールで直線を曲線に変換するにはどうすればよいですか？