Figma包括的ガイド:最新機能、料金プラン、最適な活用戦略

HTML&CSS
この記事は約30分で読めます。

Figma包括的ガイド:最新機能、料金プラン、最適な活用戦略のPodcast

下記のPodcastは、 Geminiで作成しました。

Figmaとは:概要

Figmaは、ユーザーインターフェース(UI)およびユーザーエクスペリエンス(UX)デザイン、ウェブデザイン、その他広範なプロダクト開発において中心的な役割を果たす、コラボレーション型クラウドベースのデザインツールです 。デザインから開発者へのハンドオフまでのワークフローを合理化することを主眼に置いています。Figmaのエコシステムは、デジタルプロダクト制作用のFigma Design、オンラインホワイトボードおよびコラボレーション用のFigJam、そしてプレゼンテーション作成用のFigma Slidesで構成されています 。Figma, Inc.によって開発され、2016年に一般公開されました 。

Figmaの対象ユーザーは、デザイナーに留まらず、プロダクトマネージャー、ライター、開発者など、デザインプロセスに関わるすべての人々です 。この幅広いユーザー層への対応は、Figmaが単なるデザイン作成ツールを超え、プロダクト開発ライフサイクル全体をサポートするプラットフォームへと進化していることを示しています。FigJamやSlidesといった製品群、Dev Modeのような機能、そして後述するFigma SitesやFigma Makeといった新しいツールの追加は、アイデア創出からデザイン、プロトタイピング、開発者への引き渡し、さらにはウェブサイト公開まで、より多くの工程をFigma内で完結させようとする戦略的な拡大を明確に示しています。これにより、Figmaはプロダクトチームにとって中心的なハブとしての地位を確立し、組織内の多様なニーズに応えることで、その市場における影響力を増しています。

なぜFigmaは選ばれるのか?

Figmaの成功は、現代のプロダクト開発が抱える課題を解決する3つの強力な柱に基づいています。これらの特徴が、デザイナーだけでなく、チーム全体に革命をもたらしました。

下図は、GeminiのFigmaインタラクティブ・レポートから抜粋しました。

Figmaで創造できるもの

Figmaの用途は多岐にわたります。中核であるUIデザインはもちろん、アイデアの可視化からプレゼンテーションまで、様々なクリエイティブ活動をサポートします。このチャートは、一般的なユースケースの割合を示しています。

下図は、GeminiのFigmaインタラクティブ・レポートから抜粋しました。

UI/UXデザイン: 直感的な操作で洗練されたインターフェースを構築。
プロトタイピング: 画面遷移や操作感を実際に試し、ユーザー体験を検証。
ワイヤーフレーム: アイデアの骨子を素早く形にし、情報構造を設計。
その他: プレゼン資料、SNS画像など、あらゆるグラフィック制作に対応。

Figmanoデザインを加速させる力

Figmaの真価は、一貫性のあるデザインを効率的に生み出す「デザインシステム」の構築能力にあります。スタイル、コンポーネント、そしてそれらを支えるオートレイアウトが連携し、スケーラブルなデザイン基盤を形成します。

下図は、GeminiのFigmaインタラクティブ・レポートから抜粋しました。

Figmaと主要デザインツール比較

ザインツール市場において、Figmaは「コラボレーション」と「プラットフォームの柔軟性」で競合をリードしています。このチャートは、主要ツール間の戦略的な違いを明確に示しています。

下図は、GeminiのFigmaインタラクティブ・レポートから抜粋しました。

Figmaの最新情報:Config 2025のハイライト

Figmaは年次カンファレンスConfig 2025において、イノベーションへの継続的な取り組みを示す多数の新製品および新機能を発表しました 。これらの発表は、AIの統合とエンドツーエンドのソリューション提供へのFigmaの戦略的なシフトを強調しています。

  • Figma Grid: 新しいオートレイアウトオプションとして導入されたFigma Gridは、行と列に基づく二次元のレスポンシブデザイン作成を可能にします。ダッシュボード、ギャラリー、複雑なウェブレイアウトなどに最適で、複数のトラックにまたがる要素配置や固定トラックサイズ設定をサポートし、CSS Gridの概念と密接に連携しています 。

  • Figma Sites: Figma内でレスポンシブなウェブサイトを構築し、直接公開まで行えるオールインワンツールです。視覚的なページ構築、レスポンシブ設定、セクションベースの構成管理、そして直接公開機能を備えています。この機能は全ての有料プランで利用可能です 。

  • Figma Make: AIを活用したプロンプト・トゥ・コードのワークフローにより、プロトタイプ作成を加速します。テキストプロンプト、画像やUI要素の入力、インライン編集、さらには直接的なコード修正が可能です。有料プランのフルシートユーザー向けに順次展開されます 。

  • Figma Draw: 強化されたベクター編集ツール(シェイプビルダー、投げ縄ツール、マルチエディット)、パス上テキスト、パターンフィル、ブラシ、新しいエフェクト(テクスチャ、ノイズ)、ダイナミックストロークなどを専用の描画ワークスペース内で提供します 。

  • Figma Buzz: チームがバナーやSNS画像など、ブランドに準拠したアセットを効率的に作成・共有するためのツールです。テンプレート作成、編集範囲の制限、CSV/Excelによるデータ駆動型の画像一括生成、そして有料ユーザー向けのAI機能(画像生成、背景除去、翻訳など)を備えています 。  

  • AIツールの拡張: 自動テキスト提案や画像編集といった新しいAIツールが導入され、出力品質の向上とともに、Figmaの各製品(Design、FigJam、Slides、Sites、Buzz)へと適用範囲が拡大されます。これらのAI機能は有料プランのユーザーが利用できます 。

下図は、GeminiのFigma業界トレンド&市場調査インフォグラフィックから抜粋しました。

Config 2025での発表内容は、FigmaがAIをワークフロー全体に深く組み込み、従来の設計領域を超えてデジタルプロダクト制作のより多くの段階をカバーしようとしていることを示しています。これは、Figmaを単なるデザインツールとしてではなく、包括的な制作スイートとして位置づける動きであり、クリエイティブ産業におけるAIの重要性の高まりに対応し、ユーザーの生産性を大幅に向上させることを目指しています。Sitesのようなツールが既存の有料プランにバンドルされることは、これらのプランの価値提案を高めるものです。

Figma料金プラン:詳細ガイド

Figmaのサブスクリプションは、複数の階層とシートベースのモデルで構成されています。2025年3月11日より、請求モデルが変更され、管理者がデフォルトでシートのアップグレードを事前承認する方式となりました 。この変更は、組織がソフトウェア支出をより適切に管理できるようにすることを目的としています。Figmaの製品(Figma Design、Dev Mode、FigJam、Figma Slides)へのアクセス権は、フル、Dev、Collab、Viewといった異なるシートタイプによって決定されます 。

表1:Figma料金プラン(2025年3月11日改定)

プラン名月額料金(JPY)年払い月額料金(JPY)主な機能/アクセス主な対象
スターター無料無料基本的なデザインツール、コンポーネント、オートレイアウト、Figma/FigJamファイル各3つ、個人ドラフト無制限、30日間バージョン履歴、REST API個人、初心者、学生
プロフェッショナル
- フルシート
¥3,000¥2,400Figma Design、Dev Mode、Figma Slides、FigJamへのフルアクセス。無制限のFigmaファイル、無制限のバージョン履歴、共有/プライベートプロジェクト、チームライブラリ、高度なプロトタイピング 。小〜中規模チーム、プロのデザイナー
プロフェッショナル
- Devシート
¥2,250¥1,800Dev Mode、Figma Slides、FigJamへのフルアクセス。Figma Designファイルでの閲覧・コメント権限。デザインファイルの基本インスペクションのみ 。開発者
プロフェッショナル
- Collabシート
¥750¥450Figma Slides、FigJamへのフルアクセス。Figma Designファイルでの閲覧・コメント権限。Dev Modeアクセス不可、基本インスペクションのみ 。PM、マーケターなどの協力者
ビジネス年払いのみフル: ¥8,300 <br> Dev: ¥3,750 <br> Collab: ¥750プロフェッショナルプランの全機能に加え、組織全体のライブラリ、中央集権的なファイル管理、SSO、高度な管理者コントロール、プライベートプラグイン/ウィジェット、デザインシステム分析、統一請求 。中〜大規模組織、複数チーム
エンタープライズ年払いのみフル: ¥13,600 <br> Dev: ¥5,250 <br> Collab: ¥750ビジネスプランの全機能に加え、専用ワークスペース、高度なデザインシステム、高度なセキュリティ(SCIM、EUデータホスティングなど)、役割設定、ゲストアクセス制御、分析API、優先サポート 。大企業、高度なセキュリティとスケーラビリティを要する組織

出典:  この料金表は、ユーザーが自身のニーズと予算に基づいて最適なプランを迅速に特定できるよう、明確かつ比較可能な形で全プランとシートタイプを提示するものです。特に日本市場のユーザーにとっては、日本円での価格表示が不可欠です。改定日を明記することで、情報の正確性を担保しています。

  • A. スタータープラン:

    • 料金: 無料 。
    • 対象ユーザー: 個人、フリーランサー、学生、Figmaを試用したい初心者 。
    • 主な機能: 高度な描画ツール、デザインコンポーネント、オートレイアウトといった基本的なデザイン機能に加え、FigmaファイルとFigJamファイルを各3つまで作成可能、個人用ドラフト数は無制限、30日間のバージョン履歴、REST APIアクセスが含まれます 。
    • 制限事項: ファイル数制限、チーム管理機能なし、高度なコラボレーション機能やセキュリティ機能は利用できません 。
  • B. プロフェッショナルプラン:

    • 概要: フル装備のデザイン機能とコラボレーションを必要とする小〜中規模チームやプロのデザイナーに最適です 。
    • 2025年3月の主な変更点: フルシートに加え、個別のDevシートとCollabシートが導入され、全ての有料シートにFigJamとFigma Slidesが含まれるようになりました 。
    • 1. フルシート:
      • 料金 (JPY, 年払い): ¥2,400/月 。
      • 料金 (JPY, 月払い): ¥3,000/月 。
      • 主な機能: Figma Design、Dev Mode、Figma Slides、FigJamへのフルアクセス。無制限のFigmaファイル作成、無制限のバージョン履歴、共有およびプライベートプロジェクト、チームライブラリ、高度なプロトタイピング機能を利用できます 。
    • 2. Devシート:
      • 料金 (JPY, 年払い): ¥1,800/月 。
      • 料金 (JPY, 月払い): ¥2,250/月 。
      • 主な機能: Dev Mode、Figma Slides、FigJamへのフルアクセス。Figma Designファイル内では閲覧およびコメント権限のみが付与され、デザインファイルのインスペクションは基本的なものに限定されます 。
    • 3. Collabシート:
      • 料金 (JPY, 年払い): ¥450/月 。
      • 料金 (JPY, 月払い): ¥750/月 。
      • 主な機能: Figma SlidesとFigJamへのフルアクセス。Figma Designファイル内では閲覧およびコメント権限のみ。Dev Modeへのアクセスはできず、インスペクションも基本的なものに限られます 。
  • C. ビジネスプラン (旧称 Organizationプラン):

    • 対象ユーザー: 中央集権的な管理と高度なコラボレーションを必要とする中規模から大規模の組織、複数のチーム 。企業導入時の標準プランとして選ばれることが多いです 。
    • 料金 (JPY, 年払い): フルシート: ¥8,300/月。Devシート: ¥3,750/月。Collabシート: ¥750/月 。
    • 主な機能: プロフェッショナルプランの全機能に加え、組織全体のライブラリ、中央集権的なファイル管理、シングルサインオン (SSO)、高度な管理者コントロール、プライベートプラグインとウィジェット、デザインシステム分析、統一請求などが提供されます 。
  • D. エンタープライズプラン:

    • 対象ユーザー: 高度なセキュリティ、スケーラビリティ、カスタマイズを必要とする大企業 。
    • 料金 (JPY, 年払い): フルシート: ¥13,600/月。Devシート: ¥5,250/月。Collabシート: ¥750/月 。
    • 主な機能: ビジネスプランの全機能に加え、専用ワークスペース、高度なデザインシステム、高度なセキュリティ機能(SCIM、EUデータホスティングなど)、役割設定、ゲストアクセス制御、分析API、優先サポートなどが含まれます 。

Figmaの料金戦略は、プロフェッショナルプラン内にDevシートやCollabシートといった明確な役割ベースのシートを導入することで、デザイナー以外の役割(開発者、PM、マーケターなど)からも収益機会を捉えようとしています 。また、FigJamとSlidesを全ての有料シートにバンドルすることで、各有料シートの知覚価値を高め、アップグレードをより魅力的なものにしています 。シートアップグレードに対する管理者承認の導入は、組織に管理権限を与える一方で、Figmaの営業チームにとっては大規模チームへのプランアップグレードを協議する自然な機会を創出します。この多角的な戦略は、組織内の様々なユーザータイプへの導入を促進し、顧客あたりの平均収益(ARPU)を高め、無料プランからエンタープライズプランへの明確なアップグレードパスを提供することを目的としており、成熟したSaaSの価格設定モデルを反映しています。

Figmaの主要機能詳細

Figmaは、その強力な機能群により、デザインプロセス全体をサポートします。特にデザインシステム管理、開発者ハンドオフ、コラボレーション、プロトタイピングにおいて優れた能力を発揮します。

  • A. デザインシステム管理: デザインの一貫性を保ち、効率的な再利用を促進するため、Figmaは包括的なデザインシステム管理機能を提供します。これにはライブラリ、コンポーネント、スタイル、バリアブルが含まれます。

    • ライブラリ: 共有コンポーネント、スタイル、バリアブルのための中央リポジトリとして機能し、ファイルやプロジェクト間での一貫性と効率的な再利用を保証します 。ライブラリは公開可能で、更新内容は利用側のファイルに通知され、レビュー後に承認できます 。ライブラリとそのアセット(説明文、リンクなど)のドキュメンテーションは、効果的な運用に不可欠です 。ライブラリはスケーラブルなデザインのバックボーンであり、Figmaを単なるデザインツールから、堅牢なデザインシステムを構築・維持するためのプラットフォームへと昇華させます。これは大規模チームやプロダクトの一貫性にとって極めて重要です。ライブラリシステムがなければ、大規模なデザインの一貫性を保つことはほぼ不可能です。Figmaのライブラリは、再利用可能で中央管理されたアセットを許可することで、この課題に直接対応します。通知と更新メカニズム により、変更が効率的に伝播されますが、これらの更新を管理するための規律あるプロセスも必要となります。

    • コンポーネント: ボタン、アイコン、レイアウトなど、再利用可能なUI要素です。メインコンポーネントがプロパティを定義し、インスタンスはメインにリンクされたコピーとなります 。

      • バリアント: 状態やプロパティが異なる類似コンポーネント(例:ボタンの状態:デフォルト、ホバー、無効)を単一のコンポーネントセットにグループ化し、ライブラリを簡素化します 。バリアントはプロパティと値によって定義されます 。
      • コンポーネントプロパティ: メインコンポーネントの構造を変更せずに、インスタンスの特定の側面をカスタマイズできます 。
    • スタイル: 色、テキスト(フォント、サイズ、行の高さなど)、エフェクト(影、ぼかしなど)、レイアウトグリッドの再利用可能なプロパティセットです 。スタイルは視覚的な一貫性を保証し、迅速な更新を可能にします。スタイルは命名規則(例:「Blog/color」)や説明文を用いて整理できます。

    • バリアブル (デザイントークン): デザインプロパティやプロトタイピングアクションに適用できる再利用可能な値(色、数値、文字列、ブーリアン)を保存します 。 バリアブルはデザイントークンを実現し、テーマ設定(ライト/ダークモード)、レスポンシブデザインの調整、多言語対応を可能にします 。バリアブルはコレクションやモードで整理でき 、エイリアスで値をリンクしたり 、開発者ハンドオフ用にコード構文を追加したりできます 。 バリアブルは、スタイルと比較してデザインプロパティを管理するためのより抽象的で強力な方法です。スタイルが固定されたプロパティセットを定義するのに対し、バリアブルはより動的かつプログラム的に適用できる生の値を保存します(例:プロトタイプでの計算や複雑なテーマ設定)。この転換は、Figmaをデザイントークンを使用する開発プラクティスとより密接に連携させます。バリアブルの導入 は、より洗練されたデザインシステム管理の必要性への直接的な対応です。スタイルは基本的な一貫性には適していますが、バリアブルは、テーマ設定、数値に基づくレスポンシブ調整、さらにはテキスト文字列のローカライズといった機能に不可欠な、より深いレベルのシステム化を可能にします。これにより、デザインシステムはより柔軟になり、コードへのマッピングが容易になります。

  • B. Dev Modeによる開発者ハンドオフの効率化: Dev Modeは、開発者がデザインを検査し、コードスニペットを取得し、仕様を理解するための専用インターフェースです 。高度なインスペクション機能、様々な言語でのコード生成、バージョン比較、ステータス表示とアノテーション機能、JiraやGitHubなどの開発者向けツールとの統合、VS Code連携拡張機能などが含まれます 。「開発準備完了」ステータスは、ハンドオフのワークフロー管理に役立ちます 。ビジネスプランまたはエンタープライズプランで利用可能なCode Connect機能は、自動生成されたコードスニペットの代わりに、デザインシステムから本番環境に対応したコードコンポーネントを提供できます 。 Dev Modeは、従来から課題であったデザイナーと開発者間のハンドオフを改善するためのFigmaの戦略的な解決策です。単に仕様を表示するだけでなく、実用的で開発者に優しい情報を提供し、既存のツールチェーンと統合することを目的としています。ハンドオフは常に問題点でした。Dev Mode は、開発者向けのカスタマイズされた環境(コードスニペット、バージョン比較、統合機能を含む)を提供することで、摩擦を減らすことを目指しています。Code Connect のような機能は、本番コードへの直接リンクを可能にすることで、これをさらに進め、単純な仕様ツールよりも効果的に設計と実装の間のギャップを埋めます。これは、製品開発における効率と精度に直接対応します。

  • C. FigJamとFigma Slidesによるコラボレーション:

    • FigJam: ブレインストーミング、図表作成、ユーザーフロー設計、共同セッションなどに使用できるオンラインホワイトボードツールです 。付箋、シェイプ、コネクター、描画ツール、テンプレート、投票機能、音声通話などの機能を備えています 。
    • Figma Slides: Figma内に統合されたスライドデッキ作成ツールで、Figmaのデザインやプロトタイプを挿入したり、共同で作成したり、フィードバック収集用のインタラクティブウィジェットを使用したりできます 。
    • バンドル: 2025年3月以降、FigJamとFigma Slidesは全てのFigma有料シート(フル、Dev、Collab)に含まれるようになりました 。 FigJamとSlidesを全ての有料シートに含めることは、各ライセンスの価値提案を大幅に向上させます。これにより、チーム内でのこれらのコラボレーションツールの幅広い採用が促進され、他のスタンドアロンのホワイトボードソフトウェアやプレゼンテーションソフトウェアを置き換える可能性があります。これらのツールをバンドルする ことで、Figmaはプラットフォームをより包括的なものにします。FigJamやプレゼンテーションツールに別途料金を支払うことをためらっていたチームも、今ではコアFigmaサブスクリプションの一部として利用できます。これにより、より広範なFigmaエコシステムへのユーザーエンゲージメントが高まり、特にツールセットを統合しようとしているチームにとって、有料プランがより魅力的なものになります。
  • D. プロトタイピングとバージョン管理:

    • プロトタイピング: トランジション、アニメーション、ユーザーフローを備えたインタラクティブなプロトタイプを作成できます 。バリアブルは、高度で動的なプロトタイプに使用できます 。
    • バージョン履歴: Figmaは自動的にバージョン履歴を保存し、有料プランでは無制限の履歴が提供されます 。特定のバージョンに名前を付けて復元することも可能です 。
    • ブランチとマージ (ビジネス/エンタープライズプラン): メインファイルからブランチを作成して、独立した探索や機能開発を行い、その後変更をレビューしてメインファイルにマージできます 。これは、デザイン向けのGitのようなバージョン管理に似ています。 ブランチとマージは、大規模なデザインチームの複雑なワークフローに対応するエンタープライズグレードの機能です。これらは並行作業と変更の制御された統合を可能にし、大規模なデザインシステムや製品の安定性を維持するために不可欠です。デザインチームやプロジェクトが拡大するにつれて、メインデザインを混乱させることなく、同時作業や実験的な変更を管理することが重要になります。ブランチ機能 は、この隔離された環境を提供します。変更をレビューしてマージする機能は、新しい作業を統合するための構造化された方法を提供し、エラーのリスクを減らし、複雑なプロジェクトでのコラボレーションを改善します。この機能は、成熟したデザイン組織のニーズに直接対応します。

Figmaの多様なプランとシートタイプの中から最適なものを選択するには、チームの規模、役割、必要な機能を考慮することが重要です。

  • 個人および初心者向け:

    • スタータープラン: 学習、個人プロジェクト、またはFigmaのコアデザイン機能を無料で試すのに最適です 。基本的なデザインとプロトタイピングには十分です 。
  • フリーランサーおよび小規模チーム (デザイナー/開発者 1~10名) 向け:

    • プロフェッショナルプラン: 機能とコストのバランスが最も優れています。
      • 主にデザイン作業を行う場合:Figma Designへのフルアクセスにはフルシートが必要です 。
      • 主に開発に従事し、詳細な仕様やアセットが必要な場合:Devシートが費用対効果の高い選択肢となり得ます 。  
      • FigJam/Slidesやコメント機能のみを必要とする協力者の場合:Collabシートが最も安価なオプションです 。
    • 無制限のファイル数、バージョン履歴、チームライブラリはプロフェッショナルな作業に不可欠です。
  • 中規模企業および成長中のチーム (ユーザー 10~50名以上) 向け:

    • ビジネスプラン (旧称 Organizationプラン): SSO、中央集権的な管理、組織全体のライブラリ、デザインシステムとユーザーアクセスに対するより堅牢な制御が必要な場合に推奨されます 。プライベートプラグインの管理やデザインシステム分析機能も大きな価値をもたらします 。
  • 大企業向け:

    • エンタープライズプラン: 最高レベルのセキュリティ(SCIM、カスタムコントロールなど)、専用ワークスペース、高度なデザインシステム管理、そして場合によってはEUデータホスティングを必要とする組織に適しています 。分析APIや優先サポートも、大規模運用のための重要な差別化要因です。

プロフェッショナルプラン(およびビジネス/エンタープライズプランにおける同等のシート)の新しい詳細なシートタイプ により、組織は各チームメンバーが本当に必要とするアクセスレベルに対してのみ料金を支払うことができます。プロダクトマネージャーはCollabシートのみ、フロントエンド開発者はDevシートのみで十分かもしれず、コアデザイナーのみがフルシートを必要とする場合があります。これにより、特に大規模で多分野にわたるチームの場合、画一的な編集者シートと比較して、より正確で潜在的に低い全体コストが可能になります。アップグレードに対する管理者承認 は、より高価なシートへの無制御なエスカレーションを防ぐことで、これをサポートします。

まとめ

Figmaは、共同作業を核としたデザインプラットフォームとして確固たる地位を築き、プロダクト開発ライフサイクルのより多くの側面をカバーするよう進化を続けています。2025年3月に施行された料金およびシート構造の変更を理解することは、最も適切で費用対効果の高いプランを選択する上で不可欠です。

Config 2025で発表された新機能やAIの統合は、ユーザーのニーズと業界のトレンドと共に進化するというFigmaの継続的なイノベーションへのコミットメントを示しています。これらの進歩は、Figmaがデザインと開発の未来を形作る上で、引き続き重要な役割を果たすことを示唆しています。個々のユーザーから大企業に至るまで、Figmaはそれぞれのニーズに対応する柔軟なソリューションを提供し、より効率的で一貫性のある、そして協力的な製品開発プロセスを実現するための強力なツールであり続けるでしょう。

参考資料

  1. Figmaヘルプセンター: ファイルとプロトタイプの埋め込み, https://help.figma.com/hc/en-us/articles/360039827134-Embed-files-and-prototypes
  2. 【2024年最新】Figma入門!基本の使い方や主要機能、料金プランを徹底解説, https://www.bo-no.design/contents/2024-figma-basic
  3. Figmaのスタイル機能について、初心者向けに分かりやすく解説している日本語の記事, https://blog.maromaro.co.jp/archives/13413
  4. FigJamの機能について, https://help.figma.com/hc/ja/articles/1500004362321-FigJam%E3%81%AE%E3%81%94%E6%A1%88%E5%86%85
  5. FigmaとAdobe XDの比較, https://plasol.co.jp/media/figma-xd-comparison/
  6. AdobeによるFigma買収が中止された背景や理由、独占禁止法との関連について, https://ma.all-senmonka.jp/vc/2024/01/31/post-2447/
  7. Figma Dev Modeの機能について, https://help.figma.com/hc/ja/articles/15023124644247-Dev-Mode%E3%81%AE%E3%82%AC%E3%82%A4%E3%83%89
  8. Figma スタイル 機能 解説, https://skillhub.jp/blogs/389
  9. Figma 対象ユーザー, https://help.figma.com/hc/ja/articles/360040531773-%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%A8%E3%83%97%E3%83%AD%E3%83%88%E3%82%BF%E3%82%A4%E3%83%97%E3%82%92%E5%85%B1%E6%9C%89%E3%81%99%E3%82%8B
  10. FigmaとSketchの機能、料金、対応OS、リアルタイムコラボレーション、プラグインエコシステムなどを詳細に比較解説, https://www.issoh.co.jp/column/details/1420/
  11. Figmaヘルプセンター: バリアブル(変数)のデザインシステムやプロトタイピングでの活用方法, https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma
  12. FigmaとAdobe XDの機能、料金、共同作業、プラグインなどの違いを比較, https://jitera.com/ja/insights/30309
  13. Figmaの料金プランについて、無料プランと有料プランの違い、各プランの主な機能と価格, https://wise.com/jp/blog/figma-pricing
  14. Figma 料金プラン, https://wise.com/jp/blog/figma-pricing
  15. Figmaとは, https://help.figma.com/hc/ja/articles/14563969806359-Figma%E3%81%A8%E3%81%AF
  16. Figmaの主要機能、特にデザイン、プロトタイピング、共同編集機能について, https://www.bo-no.design/contents/2024-figma-basic
  17. 2025年3月11日からのFigma新料金体系の詳細, https://glass-inc.jp/media/figma-plan/
  18. Figmaの「バリアブル(変数)」の作成方法、コレクションの作成と管理など, https://thinkit.co.jp/article/37836
  19. Figmaのデザインシステムについて、基本的な概念や構成要素(コンポーネント、スタイル、バリアブルなど)を初心者向けに解説している日本語の記事, https://thinkit.co.jp/article/37836
  20. Figma 料金プラン 2025 解説, https://fumufumuui.com/posts/figma-config-2025
  21. Figma 主要機能, https://ninjacode.work/magazine/programming/figma-how-to-use/
  22. AdobeによるFigma買収が中止された経緯について, https://www.itmedia.co.jp/news/articles/2312/18/news189.html
  23. Figmaヘルプセンター: コンポーネントの基本的な概念, https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-components-in-Figma
  24. Figmaの主要機能について、特にUIデザイン、Webデザイン、プロトタイプ作成など, https://ninjacode.work/magazine/programming/figma-how-to-use/
  25. Figma デザインシステム 機能 解説, https://thinkit.co.jp/article/37836
  26. Sketch公式サイト: 最新の料金プラン, https://www.sketch.com/pricing/
  27. Figma Adobe XD 比較, https://jitera.com/ja/insights/30309
  28. Figma Sketch 比較, https://lp.showdone.jp/ownedmedia/20240415
  29. Figma 対象ユーザー, https://help.figma.com/hc/ja/articles/360045953273-%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%81%A8%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%E3%83%BC%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E3%82%AC%E3%82%A4%E3%83%89
  30. Figmaヘルプセンター: デザインシステムのドキュメンテーション機能, https://help.figma.com/hc/en-us/articles/7938814091287-Add-descriptions-to-styles-components-and-variables
  31. Figmaヘルプセンター: デザインシステムの定義、利点、構築プロセス, https://help.figma.com/hc/en-us/articles/14552901442839-Overview-Introduction-to-design-systems
  32. Figma 開発元, https://shinker.co.jp/figma/
  33. Figma スタイル 機能 解説, https://blog.maromaro.co.jp/archives/13413
  34. Figmaの定義、歴史、開発元について, https://ninjacode.work/magazine/programming/figma-how-to-use/
  35. Figmaヘルプセンター: ライブラリ機能の概要, https://help.figma.com/hc/en-us/articles/360041051154-Guide-to-libraries-in-Figma
  36. Figma 開発元, https://acthouse.net/column/figma/
  37. FigJamとは, https://help.figma.com/hc/ja/articles/1500004362321-FigJam%E3%81%AE%E3%81%94%E6%A1%88%E5%86%85
  38. Figmaヘルプセンター: バリアブルのガイド (アクセス不可), https://help.figma.com/hc/ja/articles/13534427081367-%E3%83%90%E3%83%AA%E3%82%A2%E3%83%96%E3%83%AB%E3%81%AE%E3%82%AC%E3%82%A4%E3%83%89
  39. Figmaの料金プランの詳細 (アクセス不可), https://www.figma.com/ja-jp/pricing/
  40. Figmaの開発元と歴史について, https://shinker.co.jp/figma/
  41. Figmaにおけるデザインシステムの概要 (アクセス不可), https://help.figma.com/hc/ja/articles/4557134900119-%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B
  42. Figmaのスタイル機能の作成と適用方法 (アクセス不可), https://help.figma.com/hc/ja/articles/360039238753-%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8%E9%81%A9%E7%94%A8
  43. Figmaの「バリアブル(変数)」機能について (アクセス不可), https://help.figma.com/hc/ja/articles/13534427081367-%E3%83%90%E3%83%AA%E3%82%A2%E3%83%96%E3%83%AB%E3%81%AE%E3%82%AC%E3%82%A4%E3%83%89
  44. Figmaの「スタイル」機能について (アクセス不可), https://help.figma.com/hc/ja/articles/360039238753-%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8%E9%81%A9%E7%94%A8
  45. FigmaとSketchの機能、料金、対応OSなど比較 (アクセス不可), https://designmodo.com/figma-vs-sketch/
  46. Figma 料金プラン 2025 解説, https://glass-inc.jp/media/figma-plan/
  47. Figma バリアブル 機能 解説, https://fumufumuui.com/posts/figma-variables
  48. Figmaの「バリアブル(変数)」の作成方法、コレクションの作成と管理など (アクセス不可), https://zenn.dev/hokaccha/articles/b7d01e0a0281c8
  49. Figmaヘルプセンター: バリアブルの作成と管理, https://help.figma.com/hc/en-us/articles/15145852043927-Create-and-manage-variables-and-collections
  50. Figma スタイル登録とは, https://it-seek.com/design/20/#:~:text=%E3%81%8A%E8%A9%A6%E3%81%97%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%EF%BC%81-,Figma%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%A8%E3%81%AF%EF%BC%9F,%E4%BD%BF%E3%81%86%E6%A9%9F%E4%BC%9A%E3%82%82%E5%A4%9A%E3%81%8F%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82
  51. Figmaヘルプセンター: バリアント機能の解説, https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants
  52. Figma デザインシステム 機能 解説, https://thinkit.co.jp/article/37915
  53. Figmaヘルプセンター: ブランチ機能のガイド (アクセス不可), https://help.figma.com/hc/en-us/articles/360061373034-Guide-to-branching
  54. Figmaヘルプセンター: バリアブル機能のガイド (アクセス不可), https://help.figma.com/hc/en-us/articles/13534427081367-A-guide-to-variables
  55. Figmaヘルプセンター: スタイル機能の作成と適用 (アクセス不可), https://help.figma.com/hc/en-us/articles/360039238753-Create-and-apply-styles
  56. FigmaとSketchの機能、料金、共同作業など比較, https://lp.showdone.jp/ownedmedia/20240415
  57. Figma Dev Modeとは, https://note.com/piyonishi/n/n54a674cbe407
  58. Figma バリアブルズとは, https://blog.kinto-technologies.com/posts/2023-12-07-figma-variables/
  59. Figma バリアブルズとは, https://note.com/dinii/n/ndaa984cafe69
  60. Figmaのデザインシステム構築におけるコンポーネント、スタイル、バリアブルの役割と連携 (アクセス不可), https://zenn.dev/hokaccha/articles/b7d01e0a0281c8
  61. Figmaのバリアブル機能について、初心者向けに分かりやすく解説 (アクセス不可), https://qiita.com/haru_program/items/c669029a07060b76c9e8

コメント

タイトルとURLをコピーしました