Figmaとは？Webデザインツールの選び方

Figmaとは何か — デザインツールの新標準

デザイナーとエンジニアが初めてコラボレーションできるツールを作る——そんなビジョンのもと、Figmaは2016年にDylan FieldとEvan Wallaceによって設立されました。当時のデザインツール市場はAdobeやSketchが支配しており、デザインファイルをメールで送り合い、バージョン管理はファイル名に日付を付けるしかないという非効率な現場が当たり前でした。

Figmaが変えたのは、「デザインをクラウド上でリアルタイム共同編集する」 という概念です。Googleドキュメントがオフィスドキュメントを変革したように、FigmaはデザインツールをSaaS化し、業界標準へと登り詰めました。

💡 2022年、AdobeはFigmaを約200億ドル（約3兆円）で買収しようとしましたが、欧米規制当局の反対で2023年に破談。その後もFigmaは独立企業として成長を続け、2025年にニューヨーク証券取引所へ上場しました。

---

Figmaの歴史と進化

2016年: 創業とパブリックベータ

ブラウザ上で動くベクターグラフィックスエディタとして登場。当初は「ブラウザでまともなデザインツールが動くはずがない」と懐疑的な声が多数ありましたが、WebGLを活用した高速レンダリングで批判を覆しました。

2019年: Auto Layoutの登場

エンジニアのFlexboxレイアウトをデザインツールで再現するAuto Layout機能を追加。デザインとコードの乖離を大幅に縮小し、デザインハンドオフの品質が劇的に向上しました。

2020〜2021年: VariantsとFigJamの追加

ホワイトボードツールFigJamとコンポーネントのバリアント機能を追加。デザインシステム構築が格段に効率化されました。

2023年〜現在: AIとDev Modeの強化

Figma AIによるデザイン生成補助、Dev Mode（エンジニア向け仕様確認モード）の強化、Variables（変数）機能によるデザイントークン管理が可能になり、大規模プロダクトへの対応が進みました。

---

他ツールとの徹底比較

Figma vs Adobe XD vs Sketch 比較

Adobe XD との比較

Adobe XDはPhotoshop・Illustratorとのシームレスな連携を強みとしていましたが、2023年末に新機能開発を終了しました。現在XDを新規採用するメリットはありません。既存のXDユーザーはFigmaへの移行を検討すべきです。

Sketch との比較

SketchはMac専用のデザインツールとして長年愛用されてきました。コンポーネント（シンボル）機能の先進性や、UIの洗練度はFigmaと比べても遜色ありません。ただし、リアルタイム共同編集機能がなく（クラウドプランでも非同期）、Windowsユーザーが一人でもいるチームでは選択肢に入りません。

---

Figmaのプランと料金

Starterプラン（無料）

個人学習や小規模プロジェクトに十分な機能を無料で提供します。

• ◆ドラフトファイル: 無制限
• ◆チームプロジェクト: 3件まで
• ◆コラボレーター: 2名まで
• ◆バージョン履歴: 30日間
• ◆FigJam（ホワイトボード）: 3ファイルまで

💡 このコースで学ぶすべての内容は、無料プランで実践できます。まずは無料で始めて、チームが拡大したら有料プランへの移行を検討してください。

Professionalプラン（有料）

• ◆チームプロジェクト: 無制限
• ◆コラボレーター: 無制限
• ◆バージョン履歴: 無制限
• ◆高度なプロトタイプ機能
• ◆チームライブラリ（共有コンポーネント）

Organizationプラン（有料）

• ◆組織全体のデザインシステム管理
• ◆SSO（シングルサインオン）
• ◆詳細なアクセス権限管理
• ◆プラグインの管理

⚠️ 「エディター」は編集権限を持つユーザーの数です。閲覧だけのユーザーは無料で何人でも追加できます。クライアントへのレビュー共有にコストはかかりません。料金やプランの内容（無料プランの上限を含む）は改定されることがあるため、最新の情報は公式サイトで確認してください。

---

ブラウザベースの圧倒的な利点

インストール不要で即座に共有

「このデザイン見てください」というURLを送るだけで、相手はブラウザで即座に開けます。クライアントにアプリのインストールを依頼する必要がありません。

自動保存とバージョン管理

Figmaは変更をリアルタイムでクラウドに保存します。「あのバージョンに戻したい」という場面でも、バージョン履歴から任意の時点に戻れます。「上書き保存してしまった」という失敗がなくなります。

デバイスを選ばない

会社のMacでも、自宅のWindowsでも、タブレットでも、同じファイルにアクセスできます。USBメモリやメール添付でのファイル受け渡しは過去のものになります。

リアルタイム共同編集

複数人が同時に同じファイルを編集できます。デザイナーがレイアウトを調整している隣で、別のデザイナーがアイコンを差し替える——Googleドキュメントと同じような感覚で協力できます。

---

🏋️実践ワーク

1. ◆figma.com にアクセスし、無料アカウントを作成してください。
2. ◆「New design file」を作成し、ファイル名を「Figma練習」に変更してください。
3. ◆作成したファイルのURLをコピーし、別のブラウザタブで開いてみてください（共有の仕組みを体感）。
4. ◆右上の「Share」ボタンを押して、「Anyone with the link can view」に設定してみてください。

📝まとめ

Figmaはブラウザベース・リアルタイム共同編集・無料プランという3つの強みで業界標準となったデザインツールです。Adobe XDは開発終了、SketchはMac専用という制約があり、現在新規でデザインを学ぶなら迷わずFigmaを選ぶべきです。次のレッスンでは、Figmaの基本操作を一つひとつ丁寧に習得していきます。