Figmaのタイプツール：UI/UXデザインのためのテキスト追加とスタイリング

テキストツールの使用方法

• ポイントテキスト： 1行のみのテキスト
• エリアテキスト： 指定したエリア内に収められたテキスト

タイポグラフィ設定

• フォント名／書体： すべてのフォントや特定のコレクション（例：Google Fonts）から選択
• フォントウェイト： フォントの太さを調整
• フォントスタイル： イタリックなどのスタイルを適用
• フォントサイズ： テキストのサイズを変更
• 行間（リーディング）： テキスト行間のスペースを調整
• 文字間隔（トラッキング）： 文字同士の間隔を調整

段落の整列オプション（左揃え、中央揃え、右揃えなど）も利用可能。

詳細なテキスト設定

一部の詳細設定は、プレビューボックス付きのポップアップウィンドウからアクセス可能。通常、ウィンドウには3つのタブがあります：

• 基本タブ： 追加のフォント変更を適用。箇条書きや番号付きリストも利用可能
• 詳細タブ： 文字や数字などの高度な設定を提供
• バリアブルタブ： 傾斜、イタリックスタイル、フォントウェイトの手動調整（フォントによって利用可）