セクションでキャンバスを編成
関連するアイデアをグループ化してファイルにコラボレーターを導くために、ラベル付きセクションでキャンバスを編成します。
セクションで次のことができます:
- コラボレーションまたはアイデア創出のためにキャンバスのエリアを指定
- ナビゲーションが簡単になるようにファイルを編成
- デザインのグループにリンク
- コンテンツを「開発準備完了」としてマークし、開発者にハンドオフできます
Figmaデザインのセクションは、デフォルトでキャンバス上のトップレベル要素になっています。セクションには他のセクションを含むすべてのレイヤータイプがありますが、フレームやグループ内に含めることはできません。
セクションを作成
セクションを作成するには、次のようにいくつかの方法があります:
ツールバーおよびショートカット
- 上のツールバーの[セクション]をクリックするか、キーボードのショートカット⇧ Shift Sを使用します。
- セクションを移動するキャンバスの場所をクリックしてドラッグします。
セクションをクリックして、追加するオブジェクト上にドラッグすることもできます。
セクション
- オブジェクトをクリックして、セクションに追加するキャンバスにドラッグします
- セクションを右クリックします。
- メニューでセクションを作成をクリックします。
ヒント: [レイヤー]パネルにあるセクションのアイコンをダブルクリックして移動します。
オブジェクトをセクションに追加
オブジェクトをセクションに追加するには、次のようにいくつかの方法があります:
- オブジェクト上にセクションを移動
- オブジェクト上でセクションのサイズを変更
- オブジェクトを選択して、マウスまたはキーボードの矢印キーでセクションに移動
セクションを編集
タイトル
- キャンバスまたは レイヤーパネル上のセクションタイトルをクリックします。
- タイトルを編集します。
- ReturnまたはEnterを押します。
塗りおよび線
右サイドバーの 塗りおよび 線セクションを使用して、セクションの背景およびボーダーの色を変更します。
セクションを共有
リンクをセクションにコピーして、コラボレーターをキャンバス内の特定のセクションに導くことができます。
- 共有するセクションを選択します。
- 上のツールバーで 共有をクリックします。
- 選択したセクションにリンク ボックスにチェックを入れます。
セクションを開発準備完了としてマーク
セクション内のコンテンツが確定されると、そのセクションを開発準備完了としてマークできます。セクションにフラグを立てることで、開発者が開発モードを使用しやすくなります。
開発準備完了としてマークするには、次の手順に従います。
- セクションを選択します。
- [開発準備完了にする]をクリックします。
- 開発準備完了としてのマークを解除するには、[開発準備完了]ラベルの 3つのドットメニューをクリックし、[準備完了状態を削除]を選択します。
注: セクションを開発準備完了としてマークすると、そのセクションのコンテンツは変更できなくなります。
セクションを削除
セクションとそのコンテンツを削除するには、次の手順に従います。
- セクションを選択します。
- Delete/Backspaceを押します。
コンテンツを削除することなくセクションを削除するには、次の手順に従います。
- セクションを選択します。
- 次のショートカットを使用します。
- Mac: Command Delete
- Windows: ControlBackspace
セクション付きプロトタイプ
プロトタイプでは、セクションを使用してデザインの様々な部分間でフローを接続できます。
セクションへのコネクションを作成すると、Figmaでは最後に参照したセクションのフレームを記憶します。