最近のConfig 2024カンファレンスで、人気のデザインツールであるFigmaは、ユーザーのデザインワークフローを強化するためのさまざまな新機能を発表しました。
発表には、UI の大幅な再設計、新しい生成 AI ツールの導入、生成機能を改善するための新しいツール Figma Slides が含まれていました。
Figma の最新の UI 再設計は、ユーザーに新鮮でモダンな外観を提供することを目指しています。再設計には、新しいツールバー、丸い角、および 200 個の新しいアイコンの追加が含まれます。
この再設計の目的は、UI 自体からユーザーの作業に焦点を移すことです。これにより、初心者にとってより使いやすくなり、経験豊富な Figma ユーザーにとっても便利なままになります。これは、クローズド ベータ版のリリース以来、同社にとって 3 回目の大幅な再設計となり、現在は限定ベータ版の一部として展開されています。
新しい生成AIツールの紹介
Figma が発表した目玉機能の 1 つは、新しい生成 AI ツールの導入です。これらのツールは、1 つのプロンプトに基づいてデザイン ドラフトをすばやく生成することで、デザイン プロセスを効率化するように設計されています。
シンプルなテキストプロンプトを使用して、デザイナーはさまざまなデザインと配置でモバイルと Web 用の UI モックアップを作成できます。この AI を活用した機能により、初期の設計フェーズがスピードアップし、デザイナーはさまざまな設計オプションを迅速に検討できるようになります。
たとえば、Figma は、新しいレストランのアプリ デザインを数秒で作成する方法を実演しました。AI によって生成されたデザインには、メニュー リスト、タブ バー、Uber Eats や DoorDash などの配達パートナーのボタンが含まれていました。
ビジュアル検索機能
Figma の AI 機能には、AI 強化アセット検索や自動生成テキスト機能も含まれます。これらの機能強化は、小さなタスクを高速化し、ユーザーの効率を向上させることを目的としています。
ビジュアル検索機能を使用すると、デザイナーはフレーム、画像、スクリーンショットを使用して、探しているデザインを正確にすばやく見つけることができます。これは、 Googleレンズや Pinterest レンズなどの一般的な視覚認識テクノロジーに似ています。
さらに、Lorem ipsum などの一般的なプレースホルダー テキストを使用する代わりに、Figma ではデザイン内で自動生成されたテキストが提供されるようになりました。これらの機能は、デザイナーの時間を節約し、手作業の労力を軽減するのに役立ちます。
AIを活用したプロトタイピングと自動化タスク
Figma の AI ツールは、静的なモックアップを実用的なプロトタイプに自動的に接続する機能を提供します。この機能により、手動の手順が不要になり、デザイナーはインタラクティブなプロトタイプをより効率的に作成できるようになります。
さらに、デザイナーは、リアルなテキストの追加、コンテンツの翻訳、トーンの調整、画像の作成、画像の背景の削除など、面倒な作業を AI アクションを使用して自動化できます。これらの自動化機能により、デザイナーの時間が節約され、生産性が向上します。
Figma AI ユーザーコントロールとデータ使用
Figma は、AI 機能におけるユーザー コントロールとデータ プライバシーを重視しています。同社は、すべての生成 AI 機能がサードパーティの事前構築された AI モデルに依存しており、プライベートな Figma ファイルや顧客データを使用してトレーニングされていないことを強調しています。
Figma の管理者は、Figma が顧客コンテンツで AI モデルをトレーニングできるかどうかを制御できます。これには、レイヤー名とプロパティ、テキストと画像、コメント、注釈など、ユーザーが作成またはアップロードしたファイル コンテンツが含まれます。
Figma では、管理者がこれらの設定をカスタマイズでき、明示的な許可なしに顧客のコンテンツが AI トレーニングに使用されないようにすることができます。同社は、データの使用に関してユーザーに透明性と制御を提供することを目指しています。
Figmaスライドの発売
AI関連の発表に加えて、Figmaはデザイナーがインタラクティブなプレゼンテーションを作成して配信できるようにする機能であるFigma Slidesも発表しました。
Figma Slides は、デザイナーとその共同作業者が魅力的なプレゼンテーションを作成できるようにすることで、デザインとプレゼンテーションのギャップを埋めることを目指しています。ユーザーは、Figma のデザインとプロトタイプを活用し、テンプレートをカスタマイズし、AI 支援機能を使用して文章のトーンを調整したり、テキストを書き直したり短縮したり、画像を生成および編集したりすることができます。Figma Slides は現在、オープン ベータ版でご利用いただけます。
開発者モードのアップデート
Figma は開発者モードのアップデートも導入しました。「Ready for Dev」ビューでは、デザインステータスと通知が改善され、ユーザーが変更について常に把握できるようになります。
Figma の開発者モードのもう 1 つの機能である Code Connect を使用すると、開発者はデザイン システムまたはサポートされている UI キットからコンポーネント コードにアクセスできます。