Figmaは、サンフランシスコで開催された年次コンフィグ・カンファレンスで、製品デザイン・プラットフォームのさまざまな新機能を発表した。その目的は、デザインと開発のギャップを埋め、コラボレーションを強化し、クリエイティブなプロセスを合理化することだ。発表された機能には、Dev Modeと呼ばれる開発者向けのユニークな作業環境、デザイン変数、高度なプロトタイピングなどが含まれる。
興味深いことに、このプラットフォームは主にデザイン・ツールであるにもかかわらず、Figmaの週間ユーザーの3分の1以上が開発者である。Figmaの製品リーダーであるアヴァンティカ・ゴメス氏は、この理由を、開発者のような共同作業者をより多く招き入れる、このプラットフォームのウェブベースの性質に求めています。
Devモードは、デザイナーと開発者が同じファイル内で同じデザインを異なるモードで操作しながら作業できるように、独立したインターフェイスを提供します。このセットアップにより、バージョンの更新や、この2つの役割の間で行ったり来たりする会話が不要になります。開発者は、CSS、iOS、Androidコードの制作可能なスニペットを生成しながら、重要な情報にアクセスできます。Dev Modeはまた、Jira、GitHub、Storybookなどのツールに接続し、シームレスなワークフローの自動化を実現します。
さらに、Dev Modeでは、Figmaのデザイン・システムをコンポーネント・コードやドキュメントにリンクさせることができます。この機能により、コード・エディターを離れることなく、Figmaファイルの検査、デザイナーとのコラボレーション、Figma通知の簡単な受信が可能になります。また開発者は、ラベルを使用して設計ステータスを追跡し、開発段階に基づいて設計ファイルを整理し、変更点を迅速に比較することができます。
デブモードと共に、Figma はデザイン変数を導入し、コーディングにおける変数のように、複数のブランド、デバイス、およびテーマの作成と維持のプロセスを効率化します。また、Figma 変数は、色やサイズなどの一貫した UI 要素を確立する、デザイン・トークンもサポートしています。例えば、UIインターフェイスにライトモードとダークモードがある場合、変数を使用することで、デザイナーは、これらのモードを一括して切り替えることができる領域に、要素をグループ化することができます。
変数以外にも、Figmaは高度なプロトタイピングを展開し、ユーザーはFigmaキャンバスで直接、より現実的なプロトタイプを開発することができます。この機能強化により、プロトタイプのデザインとテストのために、異なるツールやウィンドウを切り替える必要性が最小限に抑えられます。Figmaの製品担当副社長である桑本翔は、高度なプロトタイピングは、最も現実的なプロトタイプを提供することで、より良い結果をもたらすと考えています。
さらにFigmaは、完全レスポンシブデザインのためのオートレイアウトツールや、フォントのフィルタリングとロケーションをより迅速に行うための新しいメニュー、検索機能、ビジュアルインデックスを備えたフォントピッカーをアップデートしました。また、Figmaのファイルブラウザは、共有ファイル、プロジェクト、通知に素早くアクセスできる新しいUIを備えています。
Devモードは、オープン・ベータ版で、2023年まで無料で試用でき、2024年のアクセス料金オプションは、Organizationで1シート/月あたり25ドル、Enterpriseで1シート/月あたり35ドルです。変数はオープンベータで利用可能で、機能の利用可能性はProfessionalプランとOrganizationプランで異なります。高度なプロトタイピングは、プロフェッショナル・プラン以上のユーザーが利用できます。これらの機能を取り入れることで、Figmaは、増え続ける開発者ユーザー層を無視することなく、デザイナーと開発者間のシームレスなコラボレーションを保証します。
FigmaやAppMasterのようなプラットフォームは、デザインと開発を効率化する上で重要な役割を果たします。AppMasterFigmaやAppMasterのようなプラットフォームは、設計と開発を合理化する上で重要な役割を果たします。no-code 、ユーザーはバックエンド、ウェブ、モバイルアプリケーションを視覚的に作成することができ、その過程で生産性と費用対効果を高めることができます。
