Figma
チームで創る、コラボレーション・インターフェースデザインツール。
Figmaは、世界を征服した「デザイン版Google Docs」です。デザイナー向けの深い機能と、PMや開発者向けのアクセシビリティを両立させた、デジタルプロダクトチームにとっての紛れもないOSです。AIコーディングツールの台頭により静的なモックアップの必要性を疑問視する声もありますが、Figmaは依然として、スケーラブルで洗練されたシステム主導のプロダクトデザインにおける譲れない「信頼できる唯一の情報源（Source of Truth）」です。
好きなポイント
- UI/UXにおける絶対的な「業界標準」。テック業界で働くならFigmaは必須。
- SketchやAdobe XDを過去のものにした、比類なきコラボレーション機能（マルチプレイヤー）。
- 複雑なエンタープライズデザインシステムを効率的に処理する堅牢なコンポーネントおよびバリアブルシステム。
注意点
- MVP開発においてデザイン工程を完全にスキップするAI「バイブコーディング」ツール（CursorやLovableなど）からの脅威に直面している。
- 特にDev Modeが有料化されたことで、価格設定が厳しくなっている。
- オートレイアウトなどの機能は、従来のグラフィックデザイナーにとって学習曲線が急な場合がある。
について
Figmaは、Webベースかつマルチプレイヤーファーストであることでデザイン業界に革命をもたらした、業界標準のベクターグラフィックスエディタ兼プロトタイピングツールです。デザインから開発まで、製品開発プロセスに関わるすべての人をつなぎ、動的なプロトタイプの構築、堅牢なデザインシステムの維持、Dev Modeを通じたコード対応アセットのハンドオフを可能にします。Figma Makeなどの最近のAIアップデートにより、静的なキャンバスから生成的な製品作成プラットフォームへと進化しています。
主な機能
- ✓Real-time Collaboration
- ✓Auto Layout
- ✓Dev Mode
- ✓FigJam Whiteboarding
- ✓Figma Make (AI)
よくある質問
Figmaには永久無料の「Starter」プランがありますが、バージョン履歴の制限やドラフトエリアのファイル数制限などの制約があります。Dev Mode、高度なプロトタイピング、無制限のチームファイルなどの機能にフルアクセスするには、有料の「Professional」サブスクリプションが必要です。
はい、Dev Modeを通じて、開発者はデザインを検証し、CSS、iOS (SwiftUI)、Android (Compose) 用のコードスニペットを生成できます。優れた出発点とアセットを提供しますが、AIツール（Cursorなど）のように、フルスタックで本番環境ですぐに使えるアプリケーションロジックを生成するわけではありません。
一般的には「はい」です。Figmaはブラウザで動作し（どのOSでもアクセス可能）、優れたリアルタイムコラボレーション機能を提供するため、業界標準となりました。AdobeはFigmaの買収を試みる（失敗）ために事実上XDを廃止しており、SketchはMac専用で、同レベルのマルチプレイヤーの流動性が欠けています。
Figma Makeは、テキストプロンプトからUIレイアウトやコンポーネントを生成できる新しい生成AI機能です。既存のデザインシステムを活用した編集可能なドラフトを作成することで、初期のプロトタイピングフェーズを加速することを目的としていますが、結果は様々で、多くの場合、調整が必要です。