モーションを追加
精密なアニメーションを作成し、再利用可能なモーションシステムを構築し、開発ですぐに使えるアニメーションをリリースできます。
メインコンテンツまでスキップ
描いて、アニメーション化して、思い描いた通りに形にできます。
精密なアニメーションを作成し、再利用可能なモーションシステムを構築し、開発ですぐに使えるアニメーションをリリースできます。

ベクター編集でピクセルパーフェクトなデザインを作成できます。ベクターブラシ、詳細な線設定、塗りなどを活用できます。

FigmaのAIエージェントに、新しいデザインの方向性の生成、テキストや画像の一括編集、デザインシステムの適用を指示できます。すべてキャンバス上で完結します。
デザインにプロンプトを与え、形にします。そしてコードに裏付けられたプロトタイプとして、チームが見て、触れて、反応できる状態まで仕上げます。
Figma Makeで高精度なプロトタイプをプロンプトで生成し、その後はデザイン、コード、プロンプトなど、好みの方法で細部を仕上げられます。

プロトタイプをFigma Design、FigJam、Figma Slidesに埋め込み、チームがクリック操作やインタラクションを行いながら、より質の高いフィードバックを共有できます。
私たちは複数のツールではなく、すべてを1つの場所で作業しています。これはコンテキストの切り替えやコストの削減に役立ちますが、主に重視しているのはスピードと使いやすさです。Figmaには、私たちが必要とするものが揃っています。
The Economist、プロダクトデザイン責任者
フォーチュン500企業の95%がFigmaを使用しています
2025年3月時点のデータに基づく。
組織全体が一貫して高品質なプロダクトを構築できる、唯一の信頼できる基盤を作れます。
スタイル、コンポーネント、バリアブル、モードを標準化し、色から余白、モーションまで、あらゆる要素をプロダクトやブランド全体でシームレスにスケールできます。

ライブラリ、コンポーネント、フォントなどを組織全体で共有し、単一ブランドでも複数ブランドでも、全員が同じ基盤から構築できるようにします。
すべてのデザインは、実際の本番環境で使えるコードと連携しています。意図したものをリリースすることができます。
FigmaのMCPサーバーは、バリアブルやコンポーネントといったデザインコンテキストをエージェント型コーディングツールに提供するので、プロンプト、コーディング、直接のデザイン操作など、さまざまな方法で作成できます。
Code Connectを使えば、デザインシステムをコードベースに直接接続でき、開発者は実際に動作するコードを取得できます。

タイムラインコントロールまたはエージェント支援でアニメーションを作成し、デザインシステムをモーション領域まで拡張し、開発対応のエクスポートとしてそのままリリースできます。

Figma内で、画像やベクターを直接生成するための事前構築済みAIワークフローを一覧から選択できます。

Figmaのエージェントを使って、プロンプト駆動のツールやエフェクトを構築し、誰でも適用・共有できるようにできます。

Figmaで、カスタムシェーダーの塗りやエフェクトをバイブコーディングで作成し、Figma Makeやその他のプラットフォームへFigma MCP経由でエクスポートできます。
エージェントと連携して、デザインの生成やリミックス、煩雑な作業の自動化、デザインフィードバックの取得ができます。
Figmaを外部ツールと連携させることで、AIエージェントがデザインを読み取り・参照し、ワークフローの一部として操作やアクションを実行できるようになります。

ブラシツールを使ってデザインファイル上に直接描画し、手描きのディテールや有機的で質感のある線を加えることができます。
シャドウ、ぼかし、ノイズ、テクスチャ、ガラスなどのエフェクトを使って、あらゆるデザインに奥行きとディテールを加えられます。
ベクター描画・編集ツール一式を使って、カスタムアイコンやイラスト、図形を作成できます。
フラットで静的な画像を、数秒で編集可能かつスケーラブルなベクターに変換できます。
再利用可能なUI要素を一度作成すれば、ファイル全体で使い回すことができ、デザインの一貫性を保ちながら簡単に更新できます。

色、間隔、テキストなどの再利用可能な値を適用することで、変更内容がすべてのデザインに大規模に反映されます。
コンポーネントをデタッチすることなく、メニューのドロップダウンやモーダル、カードなどをカスタマイズでき、構造を維持したままコンテンツを柔軟に調整できます。

デザインシステムと照らし合わせて差分を確認し、ワンクリックで適切な修正を適用できます。

コンテンツの変化に応じてフレームが自動的にリサイズ・再配置され、手動調整なしでデザインが適応されます。

Bento、カード、ギャラリーなどの柔軟なレイアウトを、間隔・サイズ・構造を細かく制御しながら構築できます。
フレームやコンポーネントセットをまたいで複数のオブジェクトを選択し、まとめて編集できます。
デザイン変更を独立したブランチで作業し、準備が整ったらメインファイルに統合することで、メインのファイルを妨げずに進められます。