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

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

• ポイントテキスト： 単一行のテキスト
• エリアテキスト： 定義された領域内に収められたテキスト

タイポグラフィ設定

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

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

詳細なテキスト設定

高度なテキスト設定は、プレビューボックス付きのポップアップウィンドウからアクセス可能。通常、ウィンドウには3つのタブがある：

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