Figmaで角丸を作成する方法
Figmaでコーナー半径ツールを使って角を丸くする方法を学びましょう。このクイックガイドでは、個々の角の調整、均一なカーブの適用、ショートカットのヒントを紹介します。
ステップバイステップガイド：Figmaで角丸を作成する方法
ステップ1
角丸を適用したいFigmaのデザインを選択します。
ステップ2
このメニューで、「Appearance」セクションを見つけます。
ステップ3
それをクリックし、角の半径の希望の値を入力します。
ステップ4
値を入力したら、Figmaテンプレート内の任意の場所をクリックして変更を適用します。
ステップ5
その後、デザインに角丸が適用されているのが表示されます。
Figma で角丸を作成するためのプロのヒント
デザインファイルを開く
まず Figma を起動し、編集したい図形または要素が含まれているファイルを開きます。オブジェクトを選択する
変更したい図形、フレーム、またはコンポーネントをクリックします。必要に応じて複数のオブジェクトを選択できます。角丸オプションを見つける
右側のプロパティパネルを確認します。「デザイン」タブの下に「Corner radius」と表示されたフィールドがあります。特定の半径値を入力する
「Corner radius」フィールドをクリックし、数値を入力してすべての角に同じ半径を設定します。たとえば「10」と入力すると、各角に 10 ピクセルの角丸が適用されます。角丸ハンドルを使う
選択した図形の各角にある小さな円形ハンドルをドラッグして、見た目で角を調整することもできます。
よくある落とし穴とその回避方法
図形が角の編集を許可しない
線やグループ化された要素など、一部の図形は角丸の編集をサポートしていない場合があります。グループ解除するか、長方形を使うと完全にコントロールできます。半径の変化が見た目に現れない
オブジェクトが小さすぎる場合、大きな半径を適用しても見た目の変化はわかりません。図形のサイズを大きくするか、より小さい半径値を使ってください。個別の角のロック解除を忘れる
各角で異なる半径にしたいのに設定のロック解除を忘れると、すべての角が同じままになります。角丸を大きくしすぎる
角丸が大きすぎると、図形が歪んだり、全体のデザインと合わなくなったりします。バランスを保ちましょう。Auto Layout の競合
入れ子になった Auto Layout 要素の中には、角丸の値をリセットしたり上書きしたりするものがあります。フレーム構造を慎重に調整してください。
Figma で角丸を作成する際によくある質問
図形の角を1つだけ丸くできますか？
はい。独立した角丸アイコンをクリックすると、各角に個別の値を設定できます。角丸を適用するショートカットはありますか？
角丸を直接適用するキーボードショートカットはありませんが、プロパティパネルや角のハンドルを使って素早く調整できます。画像に角丸を適用できますか？
はい。画像を選択し、他の図形と同様に角丸を適用してください。角丸はコンポーネントにも適用されますか？
はい。コンポーネントの角を丸くでき、上書きされない限り変更はすべてのインスタンスに適用されます。角丸をリセットするには？
プロパティパネルで半径の値を“0”に戻すと、シャープな角に戻ります。Macで画面収録するには?
Macで画面収録するには、Trupeer AIを使用できます。画面全体をキャプチャでき、AIアバターの追加、ナレーションの追加、動画内でのズームイン・ズームアウトなどのAI機能を備えています。trupeer のAI動画翻訳機能を使えば、動画を30以上の言語に翻訳できます。画面収録にAIアバターを追加するには？
画面収録にAIアバターを追加するには、AI画面収録ツールを使う必要があります。Trupeer AIはAI画面収録ツールで、複数のアバターを使った動画作成を支援し、動画用の自分のアバターを作成することもできます。Windowsで画面収録するには？
Windowsで画面収録するには、標準搭載のGame Bar（Windows + G）を使うか、AIアバター、ナレーション、翻訳など、より高度な機能を備えたTrupeer AIのような高度なAIツールを使えます。動画にナレーションを追加するには？
動画にナレーションを追加するには、trupeer aiのChrome拡張機能をダウンロードしてください。登録後、音声付きの動画をアップロードし、trupeerから希望のナレーションを選んで、編集した動画を書き出します。画面収録でズームインするには？
画面収録中にズームインするには、Trupeer AIのズーム効果を使います。特定のタイミングでズームイン・ズームアウトでき、動画コンテンツの視覚的な印象を高められます。
関連してよくある質問
関連チュートリアル
