株式会社renue
renueについて
renueは、AIで業務を実装する会社です
AIコンサルティングから図面AI・広告運用エージェント・コールセンターAIまで、実際に動いているサービスをご覧いただけます。renueが何をしている会社か、まずはサービス一覧からご確認ください。
Figmaとは？基本概要と特徴
Figmaは、ブラウザ上で動作するクラウドベースのUI/UXデザインツールです。2016年にリリースされ、現在では世界中のデザイナー・エンジニア・プロダクトマネージャーに利用されています。最大の特徴はリアルタイムコラボレーションで、ブラウザ上で複数人が同時に同じファイルを編集できる点です。共同編集自体はAdobe XDにもあり、対応環境と利用条件を比べて選びます（Adobe XDの共同編集）。
対応ブラウザならインストール不要で利用でき、Windows・Mac・Linux・ChromeOSでデザイン作業を行えます。必要なブラウザの版やWebGLなどの条件は公式の動作要件で確認できます。デザインカンプの作成からプロトタイプの構築、デザインシステムの管理まで、UI/UX制作に必要な機能を一元化しています。
Figmaの主な機能と使い方
Figmaは多彩な機能を備えており、デザイン業務の全工程をカバーしています。
デザイン編集機能
フレーム・コンポーネント・オートレイアウトといったUI設計に特化した機能が揃っています。コンポーネントはボタンやカードなどのUI要素を再利用可能な部品として管理でき、デザインシステム構築の基盤となります。オートレイアウトを使えば、要素の追加・削除に応じてレイアウトが自動調整されるため、レスポンシブデザインの制作効率が大幅に向上します。
プロトタイピング機能
画面遷移やインタラクションをノーコードで設定できます。スクロール・ホバー・クリックなどのトリガーを設定し、実際のアプリに近い動作を再現することで、開発前のユーザーテストや関係者へのデモが容易になります。
コラボレーション機能
リアルタイム共同編集・コメント機能・バージョン管理を備えています。チームメンバーがカーソル位置を共有しながら同時作業でき、Slack連携やZoom連携なども充実しています。
Figmaの無料版でできること・制限
Figmaには無料のスタータープランが用意されており、個人利用や小規模プロジェクトであれば十分に活用できます。
| 項目 | 無料版（スタータープラン） | 有料版（Professional以上） |
|---|---|---|
| Figma Designファイル数 | チームの1フォルダ内でDesignとSitesの合計3ファイル。ドラフトは無制限 | ファイル・ドラフト数は無制限 |
| FigJamファイル数 | チームのフォルダ内で3ファイル。ドラフトは無制限 | ファイル・ドラフト数は無制限 |
| バージョン履歴 | Starterチームのファイルは30日間 | 有料チームのファイルは全履歴。ファイルの所属先も確認 |
| クラウドストレージ | ファイルはクラウドに保存。保存できるファイル数は上記の条件 | ファイルはクラウドに保存。ファイル数の無制限と個別機能の容量制限は区別 |
| Figma AI機能 | Figma agentやMakeなどを条件付きで利用可能。AIクレジット等の制限あり | 機能・席種・AIクレジット・管理者設定によって利用範囲が異なる |
| チーム共有 | フォルダ内の対象ファイルは共同編集可。ドラフトへの招待は閲覧のみ | 閲覧と編集を区別。Figma Design編集にはFull席など、製品に合う席が必要 |
2026年9月17日確認。上表はStarterプラン、ファイルとフォルダ、履歴、席種の公式説明に基づきます。AIは一律に有料限定ではなく、無料でも利用できる機能があります。単独のDesign AIツールは有料プランのFull席が必要で、Figma agent経由の対応機能は全プランが対象です。編集権限やクレジット、段階提供も確認してください（Figma AI FAQ、Design AIの利用条件）。
Figma AIの最新機能（2025〜2026年）
Config 2025ではSitesやBuzzなどの新製品が公開され、その後もAI機能の追加が続いています。AIを使って初期案の作成を支援できますが、工数や品質への効果は対象業務と出力の確認作業によって変わります（Sites公式、Buzz公式）。
Figma Make
自然言語のプロンプトやFigmaのデザインから、インタラクティブなプロトタイプやWebアプリのコードを生成・編集する機能です。「ログイン画面を作って」と指示し、UIのたたき台を確認しながら改善できます。Reactのデザインシステムを使うMake kitsや、Tailwind CSSを使ったプロジェクトの編集にも対応します。Starterでも制限付きで試せ、有料プランはFull席が基本です（Make公式FAQ、React連携、編集機能の対応条件）。
First Draft（ファーストドラフト）
テキストプロンプトから、編集可能な画面レイアウトのたたき台を生成する機能です。白紙からのデザイン開始を支援し、デザイナーが改善作業を進めやすくします。2026年5月20日からFigma agentがFirst Draft機能の新しい入口として段階的に提供されています（公式の機能説明）。
Figma Sites
Figma Designのデザインなどを使ってSitesファイルでWebサイトを作成し、公開できる機能です。レスポンシブ対応・インタラクション設定・ノーコードでの公開を行えます。Starterではサイト公開ができず、有料プランのFull席などの条件があり、組織の管理者設定によっても公開範囲が変わります（サイト公開の条件、組織の公開設定）。
Vectorize（画像のベクター変換）
Vectorizeは、ラスター画像を編集可能なベクターレイヤーに変換するFigma DesignのAI機能です。変換後に形状や色などを調整でき、アイコンやロゴのトレース作業を支援します。変換結果が意図した形を保っているかは確認が必要です（Vectorizeの公式説明）。
Figma Buzz
SNS投稿や広告バナーなどの素材をテンプレートから作成するツールです。Bulk createではCSV・XLSXの内容をテキストや画像の欄に流し込み、複数の素材をまとめて作れます。この一括作成とAIによる画像生成・編集は別の機能です。ブランド用テンプレートを使ってチームで制作し、完成物を確認します（一括作成、テンプレートの作成・公開）。
UI/UXデザインにおけるFigmaの活用方法
FigmaはUI/UX設計の現場で中心的な役割を担っています。実務での活用シーンを紹介します。
ワイヤーフレーム〜デザインカンプ制作
情報設計のワイヤーフレームから高精度なビジュアルデザインまで、一つのツールで完結します。フレーム機能でスマートフォン・タブレット・デスクトップの各画面サイズを管理し、デバイス別の表示確認が容易です。
デザインシステムの構築・管理
コンポーネントライブラリとスタイルガイド（カラー・タイポグラフィ・エフェクト）をFigmaで一元管理することで、プロダクト全体の一貫性を保ちながら開発効率を向上させます。メインコンポーネントの変更は、同じファイル内の連結されたインスタンスに反映されます。他のファイルに適用するにはライブラリへの公開と、利用先での更新受け入れが必要です。個別に上書きした箇所も確認することで、一貫した更新を進められます（メインコンポーネントの更新、ライブラリの更新受け入れ）。
エンジニアへのデザイン仕様共有（Dev Mode）
Dev Mode（開発者モード）を使うと、デザインの色・フォント・余白などの数値情報をエンジニアが直接参照できます。CSSなどのコード確認にも対応し、仕様共有を助けます。Dev Modeは有料プランのFull席またはDev席で利用でき、Starterでは利用できません。無料のView席でも数値や基本的なコードの確認は可能で、必要な検査機能に応じて席を選べます（Dev Modeと席種の公式説明）。
Figmaのチーム活用とビジネス導入のポイント
Figmaはチームでの活用により、プロダクト開発の全体効率を向上させます。
デザイナー・エンジニア・PMの連携
デザイナーがFigmaで画面を作成し、エンジニアがDev Modeで実装仕様を確認し、PMがプロトタイプでビジネス要件を検証する、という三者の共同作業環境を一つのプラットフォームで実現します。ツールの分散による情報の断絶が解消され、プロダクト開発のサイクルが加速します。
FigJamによるワークショップ・ブレインストーミング
Figmaに付属するオンラインホワイトボードツール「FigJam」を使えば、ユーザーインタビューの整理・競合分析・カスタマージャーニーマップの作成などのUXリサーチ作業もFigmaエコシステム内で完結します。
AI活用によるデザインプロセスの変革
FigmaのAI機能はUIの初期案作成を支援します。時間短縮や品質への効果は、実際の制作とレビューを通じて確かめます。重要なのは、AIが生成した素材をベースに人間のデザイナーが創造的な改善を重ねるという役割分担を明確にすることです。AIと人間の協働によるデザインプロセスの設計こそが、Figma AI活用の成否を左右します。
AIを活用したデザインプロセス改善のご相談
renueはFigma AI・生成AIを活用したUI/UX制作の効率化・デザインシステム構築を支援します。デザインとエンジニアリングの連携強化からAI導入ロードマップの策定まで、貴社の課題に合わせたコンサルティングを提供します。
FAQ：Figmaについてよくある質問
Q1. Figmaは完全無料で使えますか？
Starterプランは無料で利用できます。チームの1フォルダ内ではFigma DesignとSitesが合計3ファイル、FigJamが3ファイルまでで、ドラフトは無制限です。Starterの履歴は30日間で、AIにも条件付きで使える機能があります。ドラフトの編集共有やDev Modeなど、必要な機能と席種を確認して有料プランを検討してください。（Starter、ファイル、履歴、AIの利用条件）
Q2. Figmaはどのデバイスで使えますか？
対応するブラウザと動作要件を満たすWindows・Mac・Linux・ChromeOSで利用でき、Windows/Mac用デスクトップアプリもあります。完全なオフラインモードはなく、接続中に読み込んだページなどを一時的に編集し、再接続後に同期します。未読込のページや共同編集などは使えません。iOS/AndroidのFigmaモバイルアプリでは、デザインやプロトタイプの実機確認ができます。（動作要件、オフラインの制限）
Q3. FigmaとAdobe XDの違いは何ですか？
Figmaはブラウザを中心に利用でき、Adobe XDはデスクトップアプリで制作します。どちらにもリアルタイム共同編集があります。XDではクラウドドキュメントに保存して共同編集者を招待します。2026年9月17日確認のAdobe公式説明では、XDは保守モードで、新機能開発への投資は行わず既存顧客向けの不具合・セキュリティ等の対応を続けています。対応環境や運用条件を比較して選んでください。（XDの共同編集、XD公式FAQ）
Q4. Figma AIはどんな作業を自動化できますか？
Figma DesignではUI案作成（First DraftからFigma agentへ段階移行中）、レイヤーの命名、画像のベクター変換（Vectorize）などを支援します。Makeはプロンプトから動くUIやコードを生成し、Buzzではテンプレートと表データを使って素材を一括作成できます。AIがすべて有料限定というわけではなく、プラン・席種・クレジット・管理者設定により利用条件が異なります。（Design AI、Make、Buzz、AIの利用条件）
Q5. Figmaをビジネスに導入する際の注意点は？
まずは無料プランで操作感を確認し、チームの規模やファイル数の要件に合わせてプランを選択することをお勧めします。企業導入の場合、デザインデータの管理ルール（ファイル命名規則・コンポーネント管理方針）を事前に整備することが長期的な運用効率に直結します。また、Dev Modeの活用によりエンジニアとの連携コストを削減できるかどうかも、導入効果を左右する重要なポイントです。
Q6. FigmaのAI機能はビジネスの競争力にどう影響しますか？
Figma AIを活用することで、プロトタイプの初期作成やビジュアル素材生成の時間を大幅に短縮できます。特にFigma Makeはデザインから実装コードまでの橋渡しを担うため、デザイナーとエンジニアの協働サイクルが加速します。ただしAIの出力はたたき台であり、ユーザー体験の品質向上にはドメイン知識を持った人間のレビューと改善が不可欠です。