Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Figmaのペンツール:カスタムシェイプとベクターグラフィックの作成 | Figma基本ツール
FigmaによるUI/UXデザイン

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

メニューを表示するにはスワイプしてください

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

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

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

練習用のウェブサイトはこちら:Pen Tool。 このゲームはペンツールの習熟に大きく役立つので、ぜひ楽しんでください。

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

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

question mark

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

正しい答えを選んでください

question mark

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

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  10

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  10
some-alt