FigJamをご利用いただいているブランド
![Vercel社ロゴ](https://cdn.sanity.io/images/599r6htc/regionalized/926e3cc5c12733ada700593e419dc2c5b522a95f-292x66.png?rect=0,1,292,64&w=137&h=30&q=75&fit=max&auto=format)
![Linear社ロゴ](https://cdn.sanity.io/images/599r6htc/regionalized/1ee7db4aecfc433c1ed21cfe6e2a5b90a4206d7a-273x69.png?rect=0,1,273,68&w=128&h=32&q=75&fit=max&auto=format)
優れたWebエクスペリエンスを作るのは大変ですが、Figmaなら簡単になります。
Figmaを使用すれば、Webデザインチームと開発チームが1つのプラットフォームで協力できます。
思い描いたサイトを提供する
プロトタイピングにより、デザイナーはアニメーションやインタラクションを含むデザイン全体のビジョンを開発パートナーに伝えることができるため、やり取りや誤解を減らすことができます。
![eコマースサイトのモバイル画面のアイコン、カラースタイル、書体、レイアウトスタイルを概説するパネル。](https://cdn.sanity.io/images/599r6htc/regionalized/24e60dd0060c95a94c8618b15ffbed4956aa530f-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
デザインとコードの整合
コードに沿ったコンポーネントとスタイルを備えた共有デザインシステムを使用して、不整合を減らし、開発をスピードアップします。
![エクスポートするアプリ製品の写真のライトモードとダークモードのビュー](https://cdn.sanity.io/images/599r6htc/regionalized/9ca07968397b3ba79afb048a96d1820e329450a1-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
ハンドオフを効率化
開発モードを使用すると、開発者はFigma内の専用スペースを利用でき、ビルドの準備ができているの要素を確認し、バージョン間の変更を比較し、デザイナーからのアノテーションを確認できます。
Web開発機能の詳細
![「買い物かごに追加」ボタンコンポーネントのブーリアン型のプロパティのパネルビュー。](https://cdn.sanity.io/images/599r6htc/regionalized/14e80077091fc64054242e462ce1d761af1d728c-720x720.png?w=360&h=360&q=75&fit=max&auto=format)
コンポーネントを コードに接続する
コンポーネントプロパティを使用して 、コンポーネントをカスタマイズしやすくし、Reactプロパティにマッピングします。
![紫色の背景にFigJamのAsanaウィジェットを表現。](https://cdn.sanity.io/images/599r6htc/regionalized/172a13d1c272d228078842b3805cfb03a9d1d4fe-720x720.png?w=360&h=360&q=75&fit=max&auto=format)
技術スタックとの統合
FigmaファイルをAsana、Microsoft Teamsなどのツールに接続。便利な連携機能で作業が整理され効率よく進みます。
![開発モード紫色のFigJamアイコン、青色のFigmaアイコン、緑色の開発モードトグルアイコンをつなぐ図。](https://cdn.sanity.io/images/599r6htc/regionalized/41f228a7719550ec384841e0ad7735244132856a-720x720.png?w=360&h=360&q=75&fit=max&auto=format)
カスタムワークフローの作成
タスクの自動化、デザインへのデータ取り込み、コラボレーション促進に役立つ、さまざまなプラグインとウィジェット。コミュニティによる、コミュニティのためのツールです。
職能にかかわらず、全員が1つの集約された場所で表示し、理解し、その対象に自分の成果を盛り込むことができます。
Levon Sharrow氏、Patagonia社のエクスペリエンスデザインディレクター