FigmaがClaude Codeとの連携を強化しデザインワークフローを革新

FigmaがClaude Codeとの革新的な統合を発表

米国サンフランシスコに本社を構えるFigma, Inc.は、AI活用の新たなワークフローを実現するためにAnthropicとのパートナーシップを結びました。この提携により、Claude CodeからFigma Designへと連携が進み、これまでの直線的な作業環境から、チームの共同作業を促進する新たなワークスペースへと移行します。

コードからデザインキャンバスへ

開発者やデザイナーは、Claude Codeのワークフローを直接Figmaに統合できるようになり、ブラウザ上で実際のUIを得ることが可能になります。これにより、Figmaキャンバス上の編集可能なフレームで、リアルタイムでのコラボレーションが可能となります。

コードが持つ強みは、ビルドを通じて一つの状態に収束することです。一方で、Figmaのキャンバスは全体の体験を俯瞰し、チームが一つの目標に向かって方向性を形作る重要な役割を果たします。これら二つの要素が組み合わさることで、チームは作業を柔軟に行き来し、必要に応じて検討を深めたり、新たなアイデアを模索することが可能になります。

実用的なワークフローの構築

新機能によって、開発者やデザイナーは必要な環境からプロジェクトを開始できます。キャプチャした画面を任意のFigmaファイルに簡単にペーストし、そのままデザイン作業を進めることができるのです。これにより、複数のデザイン作業を並行して行いながら、コメントを付けたり不明な点を指摘することができます。

フロー設計の過程では、1回のセッションで複数の画面を取得し、順序やコンテキストを維持しつつ全体の流れを把握することができます。コードによって構築されたインターフェースをキャンバス上に持ち込むことにより、アイデアの議論や対話のスタイルが進化し、新しい可能性が広がるのです。これにより、チームはオープンな環境でアイデアを掘り下げやすくなります。

アイデアを進化させる環境

Claude CodeとFigmaの統合により、デザインに関する議論は「どう作るか」から「どの案を発展させるか」へと重心が移ります。Figmaは、すべてのワークフローを支援することを目的としており、Figma Makeを利用すれば、チームはプロンプトから動作するプロトタイプを生成できます。また、Copy designを活用すれば、Makeのプレビューをそのままデザインキャンバスに取り込むことができ、さらなる反復が可能です。

Figmaは、短期間での反映から深い探求を行うためのツールです。Claude Codeから始めても、プロンプトから始めても、結果は同じ。迅速な制作が、新たなアイデアの発展につながります。Figmaにおけるこの新たなアプローチが、ユーザーにどのような恩恵をもたらすのか、今後の展開に注目です。

Figmaについて

Figmaは、チームが集まり、斬新なデジタルプロダクトや体験を形にするプラットフォームとして知られています。2012年の設立以来、単なるデザインツールから進化し、AIを搭載した接続性の高いプラットフォームへと成長しました。チームのコラボレーションをよりスムーズで効率的、そして楽しいものにするFigmaの存在は、今後のプロダクト開発においても欠かせないものとなるでしょう。

会社情報