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

ForresterはDev ModeのROIを分析します

幾何学的な形状の、色鮮やかな抽象的グラフィック。大きな紫色の四分円と同心円が左側に現れ、赤い四角の中央上部にはラベンダー色の数字「2」があり、円形と四角形のノードをつなぐ縦の黄色い線があります。背景には濃緑色、黒、赤、紫の長方形があり、さらに青とマルーンのシェイプが重ねられています。幾何学的な形状の、色鮮やかな抽象的グラフィック。大きな紫色の四分円と同心円が左側に現れ、赤い四角の中央上部にはラベンダー色の数字「2」があり、円形と四角形のノードをつなぐ縦の黄色い線があります。背景には濃緑色、黒、赤、紫の長方形があり、さらに青とマルーンのシェイプが重ねられています。

開発者にとって、より効率的に作業することは、単にスピードを上げることではなく、ワークフローにおける摩擦を減らすことでもあります。Forresterの調査結果から、開発者が作業時間を短縮し、問題を少なくする方法がわかります。すべては、より良い製品の提供に役立っています。

ForresterはDev ModeのROIを分析しますを共有

現在のチームは、製品がただ動作するだけでは不十分であり、すべてのディテールが重要であることを知っています。これは、スムーズなマイクロインタラクション、流動的なパフォーマンス、プラットフォーム間の一貫性によって定義されるダイナミックな体験を作り出すことを意味しています。このレベルの職人技を提供することは、開発者にとってもデザイナーにとっても重要です。しかし、開発者は最初のコードを書く前に、情報源を追跡し、デザインの意図を理解するためにコラボレーターとさまざまなやり取りをしなければならず、さらに難しい実装を管理しなければなりません。それが、私たちがDev Modeを構築した理由です。開発者が迅速かつ効率的に作業できるようにし、そしてすでに機能しているものは変更せずにすみます。

Forresterは、Dev Modeを使用しているチームの意思決定者4名に取材しました。これらの取材対象者から得たインサイトを集約し、100〜1,000人のデザイナーと開発者を抱える複合的な組織を作成しました。

Dev Modeのリリースから2年、私たちはその目標をどのように達成しているのかをよりよく理解したかったので、Forrester Consultingに調査を依頼しました。Forresterは総経済効果の手法を使用して調査を行いました。その調査結果から、Dev Modeによる改善の対象となった最も一般的な課題 (非効率的なハンドオフプロセスと無駄の多い作業) が正しいことがわかり、チームが効率性と市場投入までの時間を改善するためにツールを使用する方法のモデル化ができました。

ライムグリーンのフォントで「$10M」と書かれているテキスト。背景はフォレストグリーン。ライムグリーンのフォントで「$10M」と書かれているテキスト。背景はフォレストグリーン。

Forresterが推定する、3年間での開発者の効率向上による時間節約効果の総額。

調査結果は効果を定量化したもので、Dev Modeを使用する開発者1人につき、生産性は20〜30%向上し、時間短縮幅は週あたり90分以上と見込まれています。一方で、測定が困難な要因についても取り上げられています。現在、多くのデザイナーや開発者が、自分の仕事を支えるシステムやプロセスに、クラフトドリブンな視点を持っています。こうして「どのように」に注目することで、「何を」のレベルも高まります。これらの人々は、チームがAI をどのように統合するかなどの広範な方法論を批判的に考えたり、古いワークフローを再構築したり、Dev Modeなどの新しいツールを展開したりすることがあります。Forresterの調査は、プロセスやツールの変更を正しいと信じる人々が、それがどのような意味があるのかを理解するのに役立ちます。ここでは、開発者がコンテキストの切り替えを少なくし、時間を節約し、コラボレーターとの協力を改善した方法についてのForresterの調査結果を紹介します。

ライムグリーンで「$2M」と書かれたテキスト。背景はフォレストグリーン。ライムグリーンで「$2M」と書かれたテキスト。背景はフォレストグリーン。

複合的な組織と、市場投入までの時間の短縮により得られる利点をモデル化した場合についてForresterが推定する増益額

幾何学的なシェイプと大胆な色を特徴とする、カラフルで抽象的な構成。左側に大きな紫の四分円と同心円が現れ、上部には紫色の数字「2」がある赤い四角形があり、赤、紫、青のさまざまな丸みを帯びた形やブロック状の形が黒、緑、ストライプの背景に重なっています。幾何学的なシェイプと大胆な色を特徴とする、カラフルで抽象的な構成。左側に大きな紫の四分円と同心円が現れ、上部には紫色の数字「2」がある赤い四角形があり、赤、紫、青のさまざまな丸みを帯びた形やブロック状の形が黒、緑、ストライプの背景に重なっています。

こちら で Forresterの総経済効果調査をご覧ください。

信頼できる唯一の情報源

ライムグリーンで「98」と書かれたテキスト。背景はフォレストグリーン。ライムグリーンで「98」と書かれたテキスト。背景はフォレストグリーン。

200人の開発者を対象としたある企業の調査に基づいた、週あたり平均の節約時間 (分単位)。

より速く、より多くリリースするという圧力の中で、多くのリーダーが品質を犠牲にすることなく、製品開発プロセスをより効率的にする方法に取り組んでいます。Forresterは、チームを共有スペースに集めることで、より流動的なワークフローを促進し、市場投入までの時間を改善することを見出しました。実際、ある企業は「ゼロコードからリリースまで」を6~8か月で達成したと報告しました。「デザイナーと開発者がまだ進行中の段階でもやり取りを重ねて作業を続けていました。昔のハンドオフプロセスだったら2~3年かかっていたかもしれません」と回答者は述べました。別の企業は200名の開発者を調査し、時間短縮幅が1週間あたり平均98分であることが判明しました。

デザイナーと開発者がまだ進行中の段階でも行き来しながら作業を続けていました。昔のハンドオフプロセスだったら2~3年かかっていたかもしれません。
システムデザイナー、フィットネス業界

以前は、多くの開発者はデザインの意図を明確にしたり、正確な仕様を見つけるために時間を費やしていました。Dev Modeでは検査可能なデザインファイルが提供され、必要なアセットとドキュメントが得られます。必要なものをデザインチームと明確にする必要もなく、ドキュメントを掘り下げる必要もありません。つまり、デザイナーにSlackメッセージを送ったり、ミーティングを待ったりする必要はなく (時差がある場合は特に)、開発者は簡単にセルフサービスができ、詳細情報をファイルから直接引き出すことができます。

フィットネス業界のあるシステムデザイナーは、「Dev Modeを利用すると、開発者の自律性を高めることができます。」と語りました。デザイナーに説明を求めるのではなく、彼らは直接Figmaでバリアブル、仕様、コードスニペットを見ることができます。これにより、時間を節約し、デザインを明確にするための追加の会議や[メッセージ]スレッドが不要になります。開発者は、手動のアノテーションや果てしない議論に時間をかけるのではなく、構築に集中することができます。」

手作業や精神的な負担を減らすことは、最終的に開発者の体験をより広く改善します。最も肯定的な回答として、ある開発者はDev Modeを不可欠なものと呼び、「これを取り上げられては困ります。これがないと仕事ができません」と言っています。

より効率的な開発ワークフロー

Forresterがこの研究を実施した後、私たちはFigma MCPサーバーをリリースました。これはデザインに対応したコードをリアルタイムでAIが支援する開発環境に直接フローします。このサーバーは、Dev Modeの単一の信頼できる情報源を拡張し、開発者がエディターを離れることなく正確なアセット、仕様、コンポーネントを引き出すことができるようにします。

現在、開発者は会議やSlackメッセージへの回答にかかる時間が増え、多数の異なるツールの利用を余儀なくされています。開発者がすでに日常のワークフローで使用しているツールとDev Modeとの連携が、このコンテキストの切り替えを減らすうえで効果的であることが、Forresterの調査で判明しています。例えば、Figma for Jiraの統合により、Jiraのチケットが直接Dev Modeにリンクされると、開発者は作業のフローを中断せずに、プロジェクトのステータスを更新してコメントを残すことができます。

Code Connectでは、開発者が本番環境用のコードにアクセスできるため、必要な情報を見つけるために情報源を切り替える必要がなくなります。ある回答者は「Code Connectはエンジニアにとって貴重なリソースです。デザインシステムのドキュメントを読んでから内部のGitHub[リポジトリ]に移動してコンポーネントを探すのではなく、コードに迅速にアクセスして取得することができます。コンポーネントはすぐに利用できます。Code ConnectにはVS Codeとの統合もあるので、エンジニアはIDEを離れる必要すらありません」と言いました。

マゼンタ、緑、および青の重なり合った幾何学的な長方形で構成される、抽象的な画像。太い黒の斜線がすべてのセクションで交差し、構成全体に斜めのパターンを形成しています。マゼンタ、緑、および青の重なり合った幾何学的な長方形で構成される、抽象的な画像。太い黒の斜線がすべてのセクションで交差し、構成全体に斜めのパターンを形成しています。

Bumble、GitHub、HPのリーダーたちが、Code Connectの力を活用する方法を紹介します。

ライムグリーンで「$4m」と書かれたテキスト。背景はフォレストグリーン。ライムグリーンで「$4m」と書かれたテキスト。背景はフォレストグリーン。

ある組織がDev Modeの利用によりデザインシステムを使いやすくした結果得られた「再利用の価値」。

さらに、Code Connectはデザインシステムに関する最大の課題のひとつである導入の促進にとって重要な要素です。デザインシステムは開発をスピードアップし、アクセシビリティを改善し、より維持しやすく一貫性のある製品を生み出すため、デザインリーダーは常に使用を促進する方法を模索しています。Forresterの調査によれば、ある組織では、Dev Modeによりデザインシステムを使いやすくした結果、400万ドルの「再利用の価値」を実現し、2025年にはこれが1000万ドルに達するものと見込まれています。品質保証テスターもまた、Dev Modeが承認済みコードの使用を促したため、時間の節約と生産性の向上を実感しました。ある金融サービス組織の最高デザイン責任者は、「テストにかかる時間は平均して85~90%短くなりました」と述べました。「これにより、機能や能力の提供が大幅に速くなりました。」

デザインと開発をつなぐ架け橋

製品開発プロセスは、今ではデザインから開発への直線的なハンドオフによって定義されるものではなく、より反復的で流動的なワークフローとなっています。この傾向は生成AIの影響によりさらに強まっていて、デザイナーはアイデアのプロトタイプを作成し、開発者はデザインの範囲を決定しています。これらのワークフローが進化する中で、デザイナーと開発者が互いの作業を理解することがこれまで以上に重要です。Forresterによれば、Dev Modeではデザイナーの作業がコードでどのように実装されるかをデザイナー自身が確認できるため、開発者の効率性のためデザインの構造化と注釈付けを行う方法を理解しやすくなります。そして、私たちはこの共通の理解が、デザインと開発自体のプロセスを設計する取り組みをサポートすると考えています。

より広い範囲での話として、Forresterの調査により、Dev Modeがこのプロセスを測定可能な方法で加速し、収益への影響をもたらしたことが判明しました。しかし、測定できない影響の方がむしろ重要であったかもしれません。インタビューを受けた各企業は、デザインと開発の関係は「全面的な共同作業」であり、そして「今では彼らが集まって協力できるため、議論がはるかに明確になった」と回答しました。

リーダーたちが、変化への圧力、競争による圧力、新しいツールについて取り巻く環境の変化に直面する中、より良い協力体制の基盤がこのようにできあがったことにより、今後どのような状況になってもチームが成功できるようになります。

Forresterの総経済効果調査のすべての結果については、こちら をご覧ください。

Figmaを使った制作とコラボレーション

無料で始める