TL;DR

チームでブレインストーミングし、デザインし、プロダクトを作るための共同デザインプラットフォーム。複数人がリアルタイムに同じファイルを編集できる。

仕組み

Figma のヘルプセンターによると、Figma は用途ごとに複数の製品を持つ。

  • Figma Design: デザインの作成、共有、テストを行う中心の製品。デザインとプロトタイプを 1 か所で作れ、デザインシステムも構築できる
  • Dev Mode: デザインをコードに落とし込むのを助ける
  • FigJam: ブレインストーミングや会議、図の作成に使うオンラインホワイトボード
  • Figma Slides: インタラクティブなプレゼンテーションをチームで作る
  • Figma Make: プロンプトやデザインから、動くプロトタイプやアプリを AI で作る

Figma Design では、マルチプレイヤーのファイルで共同作業し、コメントでフィードバックを共有し、カーソルチャットで会話できる。

例

Kombai や Locofy.ai のように、Figma のデザインからフロントエンドのコードを生成するツールがある。

関連

出典