メインコンテンツまでスキップ

シームレスなデザインワークフローの構築

Figmaを使用すると、デザイン、プロトタイプ作成、およびコラボレーションを一元的に行うことができます。また、オープンプラットフォームであるため、お気に入りのツールを連携させて、チームにとって最適なカスタマイズされたワークフローを構築できます。

注目の統合

Figmaの完全なコンテキストをMCPのトップクライアントに提供

コーディングツールが何であっても、Figma MCPサーバーからお気に入りのエージェントツールにFigmaのコンテキストを追加できます。

MCPクライアントのロゴMCPクライアントのロゴ

プロトタイプ作成とユーザーテスト

Figmaでデザインとプロトタイプを同時並行で作成します。特殊なインタラクションを追加したり、統合機能を使ってユーザーテストを行うことができます。

SprigのロゴSprigのロゴ

Sprig

製品のライフサイクル全体を通して、全ユーザーを対象とした影響力のあるリサーチを行うことができます。

詳細情報

ProtopieのロゴProtopieのロゴ

ProtoPie

Figmaデザインをプロトタイプに変換します。基本的なアニメーションを追加したり、条件付きのインタラクションを試したりできます。

詳細情報

PrincipleのロゴPrincipleのロゴ

Principle

Figmaデザインをアニメーション化されたインタラクティブなプロトタイプに変換します。

詳細情報

MazeのロゴMazeのロゴ

Maze

実際のユーザーを使ってFigmaプロトタイプをテストします。ユーザビリティーメトリクスや貴重なフィードバックからインサイトを得て、より優れた製品を作ることができます。

詳細情報

Framer WebのロゴFramer Webのロゴ

Framer Web

FigmaファイルをFramer Webにインポートして、高度なプロトタイプ作成を行います。

詳細情報

PendoのロゴPendoのロゴ

Pendo

アプリ内メッセージを使用してお客様とプロトタイプを共有します。新しい機能や機能拡張についての的確なフィードバックを早期に得ることができます。

詳細情報

BubbleのロゴBubbleのロゴ

Bubble

デザインファイルをBubbleにインポートして、コードを書かずに本番用Webアプリを作成します。

詳細情報

AxureのロゴAxureのロゴ

Axure

FigmaからAxure RPにフレームをコピーしたり、Axure Cloudにフレームを直接公開したりできます。

詳細情報

Mixpanel Mixpanel

Mixpanel

Mixpanelのライブ埋め込み機能をFigJamに追加することで、チームで簡単にデータのコラボレーションができます。

詳細情報

UXtweakのロゴUXtweakのロゴ

UXtweak

実際のユーザーを使って、Figmaプロトタイプで直接ユーザーテストを実施します

詳細情報

UserTestingのロゴUserTestingのロゴ

UserTesting

プロトタイプ作成からアイデア創出まで、UserTestingからの顧客フィードバックを取り入れることで、適切な製品を作ることができます。

詳細情報

dscoutのロゴdscoutのロゴ

dscout

Figmaのプロトタイプをdscoutのユーザビリティテストに追加して、ヒートマップやクリックイベントを通じてユーザーの行動をより深く理解します。

詳細はこちら

開発者ハンドオフ

開発者をFigmaに招待して、ファイルの検査、コードスニペットの取得、アセットのエクスポートを行います。開発者に重点を置いた統合により、デザインをコードにさらに近づけることができます。

VS CodeのロゴVS Codeのロゴ

Visual Studio Code

FigmaのVS Code連携拡張機能を使用すれば、IDEで作業しながら、デザインの変更時に通知を受け取ったり、コードのオートコンプリート機能を使用して実装をスピードアップしたりできます。

詳細情報

StorybookのロゴStorybookのロゴ

Storybook

ストーリーをFigmaに埋め込んで、ライブ実装を1か所で相互参照できます。

詳細情報

ZeroheightのロゴZeroheightのロゴ

Zeroheight

Figmaのスタイルとコンポーネントを同期して、最新のスタイル ガイドとドキュメントを提供できるようにします。

詳細情報

AWS Amplify StudioのロゴAWS Amplify Studioのロゴ

AWS Amplify Studio

AWS上で、Figmaのデザインをもとに機能豊富なフルスタックのWebアプリを数時間で構築できます。

詳細情報

GitLabのロゴGitLabのロゴ

GitLab

デザインをFigmaからGitLab Issuesにシームレスにアップロードします。

詳細情報

ZepelinのロゴZepelinのロゴ

Zeplin

FigmaのフレームをZeplinにエクスポートして、カスタマイズされた仕様、アセット、コードスニペットを開発者と共有します。

詳細情報

FrontifyのロゴFrontifyのロゴ

Frontify

FigmaのコンポーネントをFrontifyにインポートして、生き生きとしたデザインシステムガイドラインを作成し、維持することができます。

詳細情報

紫を背景にした2つのブラウザウィンドウに表示されているLens Studioのロゴ紫を背景にした2つのブラウザウィンドウに表示されているLens Studioのロゴ

Lens Studio

Figmaで作成したデザインを一瞬でARに変換できます。作成したデザインをLens Studioにインポートし、ARレンズをSnapchat、アプリ、またはSnapのSpectaclesに公開します。

詳細はこちら

FrontifyロゴFrontifyロゴ

Frontify

FigmaのコンポーネントをFrontifyにインポートして、生き生きとしたデザインシステムガイドラインを作成し、維持することができます。

詳細情報

コラボレーションと生産性

チームをFigmaに招いて、フィードバックを提供してもらい、デザインプロセスの透明化を図りましょう。生産性の統合によって、チームメンバーがどこで作業していてもデザインファイルを見つけられるようになります。

Google WorkspaceGoogle Workspace

Zapier

FigmaをZapierに接続して、コードを書かずにFigmaと数千のツール間のワークフローを自動化します。

詳細はこちら

Google WorkspaceGoogle Workspace

Google Workspace

Googleとのシームレスな連携により、Figmaデザインファイルのコラボレーションや、FigJamでの共同作業が可能になります。いつも使っているツールですべての作業を行うことができます。

詳細はこちら

MicrosoftのロゴMicrosoftのロゴ

Microsoft Teams

FigmaをMicrosoft Teamsと連携させると、ミーティングやチャット、チャネルにファイルを追加できます。

詳細はこちら

ZoomのロゴZoomのロゴ

Zoom

FigmaをZoomに接続して、ファイルのコラボレーション、アイデアの創出、リアルタイムのフィードバックを行うことができます。

詳細情報

SlackのロゴSlackのロゴ

Slack

FigmaをSlackに接続して、ファイルに関する通知を受け取ることができます。

詳細情報

NotionのロゴNotionのロゴ

Notion

Figmaファイルのライブ埋め込みをNotionに追加します。

詳細情報

AsanaのロゴAsanaのロゴ

Asana

Figmaファイルのライブ埋め込みをAsanaプロジェクトに追加します。

詳細情報

LingoのロゴLingoのロゴ

Lingo

ブランドアセットの編成、管理、および共有が可能になります。

詳細情報

P2のロゴP2のロゴ

P2

Figmaファイルのライブ埋め込みをP2ブロックに追加します。

詳細情報

DropboxのロゴDropboxのロゴ

Dropbox

Figmaファイルのライブ埋め込みをDropbox Paperに追加します。

詳細情報

TrelloのロゴTrelloのロゴ

Trello

Figmaファイルとプロトタイプのライブ埋め込みをTrelloボードに追加します。

詳細情報

CodaのロゴCodaのロゴ

Coda

Figmaファイルのライブ埋め込みをCodaに追加します。

詳細情報

JiraのロゴJiraのロゴ

Jira

Figmaファイルとプロトタイプのライブ埋め込みをJiraボードに追加します。

詳細情報

ConfluenceのロゴConfluenceのロゴ

Confluence

Figmaファイルとプロトタイプのライブ埋め込みをConfluenceに追加します。

詳細情報

StoriesOnBoardのロゴStoriesOnBoardのロゴ

StoriesOnBoard

Figmaファイルとプロトタイプのライブ埋め込みをStoriesOnBoardカードに追加します。

詳細情報

QatalogのロゴQatalogのロゴ

Qatalog

FigmaライブファイルをQatalogのプロファイル、チーム、プロジェクトに追加します。

詳細情報

ProductboardロゴProductboardロゴ

Productboard

Figmaファイルとプロトタイプのライブ埋め込みをProductboard Editorに追加します。

詳細情報

Figmaで可能性を広げよう

Figmaのオープンプラットフォームを基盤として構築し、チームのデザインワークフローにおけるツールの連携を支援します。