Config 2023の最新情報
Configは、Figmaの毎年恒例のデザインカンフェレンスであり、Configでは2日間コミュニティが集い、興味深い機能の発表や業界のプロフェッショナルとの交流をお楽しみいただけます。
この記事では、Config 2023期間中に発表した機能について順を追ってご説明します。ベータ版で発表された機能もあるため、 各機能が利用できるかどうかを示し、更新があれば最新情報をお伝えします。
開発モードオープンベータ版
新しい開発モードのエクスペリエンス
Figmaのデザインに、開発モードという開発者専用のまったく新しいスペースを導入しました。
開発モードでは、開発者がデザインファイルを操作し、デザインをコードに変換するために必要なものがすべて揃っています。開発モードでは、デザイナーと開発者が同じページにとどまり、ハンドオフプロセスで重要な詳細が失われないようにします。
開発モードを理解する:
Visual Studio Codeプラグイン
開発モードに加えて、VS Code連携では開発者は新しい方法でデザインファイルをナビゲートおよびインスペクトし、複数のデザイナーとコラボレーションし、デザインの変更を追跡し、デザインの実装をスピードアップでき、どの作業でもFigmaを終了する必要がありません。VS Code連携では、こうしたツールをまとめることでコンテキストの切り替えと忙しい作業を排除しています。
バリアブルオープンベータ版
さらに、バリアブルも発表しました。Figmaデザインストアの再使用可能な値のバリアブルは、すべての種類のデザインプロパティとプロトタイピングアクションに適用できます。デザインの構築、デザインシステムの管理、複雑なプロトタイピングフローの作成時に時間と労力を節約するのに役立ちます。
例えば、バリアブルでは次のことができます。
- デザインシステムを管理する際にデザイントークンを作成して効率化する
- 異なるデバイスサイズ間でフレームを切り替え、定義した空間システムに従って、スペーシングを直ちに更新する
- フレーム上のコピーを切り替えて異なる言語でテキストの流れをプレビューする
バリアブルの詳細を見る:
高度なプロトタイピング
バリアブルでプロトタイピングをする際に、少ないフレームを使用して精度の高いプロトタイプを構築でき、ヌードルは必要ありません。また、式や条件などの機能でさらに高度なプロトタイピングが可能になり、プロトタイプを次のレベルに高めることができます。
高度なプロトタイプを作成する方法を詳しく見る:
プロトタイプインラインプレビュー
プロトタイプでは、ユーザーがデザインを操作する方法を複製して、開発に移行する前にデザインの動作を確認してテストできます。プロトタイプを直接キャンバスからプレビューできるようになり、プレビューまたはプレイモードに入る必要がなくなりました。
オートレイアウト(バージョン5)
オートレイアウトは強力な機能であり、バージョン5では折り返しと最小/最大幅の新たなサポートと柔軟性が得られます。まず、折り返しでは親コンテナの最大幅に達するとオブジェクトを新しい「行」に折り返します。また、最小/最大幅では特定のレイヤーの最大と最小の幅と高さを定義できます。
ファイルブラウザの大幅改善
ファイルブラウザはお使いのアカウントのホームであり、すべてのFigmaデザインとFigJamファイルを保持しています。今年は、当社のファイルブラウザが大幅改善されました。ファイルブラウザはレイアウト、機能性、ブラウザの外観を更新して改善しました。
フォント選択機能
適切なフォントを選択できるかどうかが、デザインの可読性とアピール力を左右します。今年フォント選択機能を発表したのはそのためです。フォント選択機能ではフォントをプレビューし、探しているフォントを検索し、オーガナイズされたフォントのグループを調べて、あなたのデザインに最適なフォントを見つけることができます。
フォント選択機能を使用するフォントの閲覧について詳しく見る→
Config 2023をすべて視聴する
ライブで視聴できなかった場合、YouTubeチャネルでConfig 2023の録画→でご覧ください。今後も動画を投稿しますので、新しい動画をお見逃しないようご登録ください。