開発モードの開発準備完了ビュー

開発者のハンドオフプロセスは一度で終わりではありません。チームでアイデアに磨きをかけフィードバックを取り入れながら、何度も反復してデザインを検討するものです。

ハンドオフプロセスの重要な節目の一つは開発の準備が完了したデザインをレビューする必要がある時で、それは頻繁に何度も発生します。組織のデザイナーはデザイン作業時に、デザインファイルのセクション、フレーム、コンポーネントのステータスを開発準備完了に変更します。デザインをコードベースに実装する前に、開発者とともにデザインに目を通す必要があります。

取り違えの回避と重要事項の抜けの防止のために、開発者は開発モードのビューにアクセスして、開発ステータスとマークされた任意のファイルにあるデザインすべてをリスト表示できます。さらに開発準備完了ビューでは、デザインの最新の更新がいつ行われたかが強調表示されるため、最初のハンドオフ以降変更があったかどうかもわかります。

開発準備完了ビュー

開発モードの開発準備完了ビューでは、開発準備完了となったすべてのデザインが1カ所に表示されます。そのため開発者は、キャンバスをあちこち移動したり複数のページにわたって移動したりすることなく、必要なものをすぐに見つけることができます。開発準備完了になっているデザインの数がカウンターに表示されます。

開発準備完了ビューには次の手順でアクセスします。

1. Figmaデザインファイルを開きます。
2. 左サイドバーの[開発準備完了]をクリックします。

注: 開発準備完了ビューは、少なくとの1つのデザインが開発準備完了ステータスになっているファイルにのみ表示されます。

開発準備完了ビューを開くと、開発ステータスのすべてのデザインのリストが表示されます。このリストでは、次の操作が可能です。

• デザインを絞り込む: 次の項目によって表示内容を絞り込むことができます。

  • すべて
  • 準備完了
  • 完了しました

  次の項目によって表示内容を並べ替えることができます。

  • 最近のアクティビティー
  • ページ
  • 名前(A-Z)

• デザインにフォーカス: 開発準備完了ビューでデザインをクリックすると、フォーカスビューに入ります。

ステータス

開発モードの開発ステータスは、ハンドオフに関するデザインの各時点の状態を示します。ステータスには、デザインおよび変更についてのデザイナーからのメモが書かれていることがあります。開発モードには、ハンドオフを管理するために、次のようなステータスがあります。

• 開発準備完了: 開発者が確認し、実装する準備が完了したセクション、フレーム、コンポーネントを示します。
• 完了済み: デザインの開発作業が終わったことを示します(ビジネスおよびエンタープライズのみ)。

ステータスの詳細については、Dev Modeのステータスと通知をご覧ください。

開発準備完了ビューでは、ステータスはデザインの一覧の右上に表示されます。

フォーカスビュー

開発モードのフォーカスビューでは、開発の準備が完了した特定のデザインを分離します。デザインにフォーカスすると、通常の開発モードの機能に加えて、デザインレイヤーのインスペクトとデザインのバージョン履歴の閲覧ができるようになります。フォーカスビューの詳細情報→