操作ガイド

セクションでデザインを整理する

セクションを使うと、キャンバス上の関連するレイヤーをまとめ、開発に渡せるデザインを示せます。セクションにはレイヤーや別のセクションを含められるため、画面遷移、ページの一部、引き継ぐデザイン一式などを整理できます。

セクションを作成する

次の3つの方法で作成できます。

セクションは、内部のレイヤーの親として機能します。大きなファイルはセクションを入れ子にして整理できます。

セクションには、デザイン中または開発に渡せる状態を設定できます。デザイナーと開発者は、レイヤー名だけに頼らず作業状況を把握できます。

ステータスはセクションに属する情報です。フレームに変換すると、そのステータスは削除されます。

セクションのリンクを開くと、デザインファイル内の該当セクションが表示されます。アクセス権は元のファイルの共有設定に従います。セクションのリンクをコピーしても、新たな権限は付与されません。

セクションを選択し、次のいずれかを行います。

セクションを選択し、右パネルの縦向きまたは横向きの設定を使います。セクションの向きを変えても、内部のオブジェクトは並び替わりません。

変更後は境界を確認してください。セクションの外にはみ出した内容は、そのレイヤー階層から外れる場合があります。

セクションをフレームに変換するには、右パネルのレイヤー種類のメニューでフレームを選びます。この変換は、内部に別のセクションがない場合に対応しています。変換するとセクションのステータスは削除されます。

グループはセクションに変換できますが、セクションを直接グループには変換できません。直前の変換を戻す場合は、元に戻す操作を使ってください。

セクションを選択し、右パネルの塗りつぶしと線の設定で背景色や境界線を変更します。内部のオブジェクトを変えずに、キャンバスの領域を区別できます。

書き出し設定から、セクションを画像として書き出せます。ハンドオフ表示では、デザインの素材やコード情報を確認できます。

セクションのステータスは引き継ぎを整理するためのものです。ファイルの権限設定を置き換えたり、デザインを自動で実装したりするものではありません。