掲載済み (2026-05-30号)
158 184文字 • 1分

Figma Makeがローカルのプロダクションコードに対応:デザインと開発の統合を加速

原題: Figma Make, Now on Your Local Code | Figma Blog

英語

掲載情報

概要

Figmaは、デザイナーがFigma上からローカルのコードベースを直接編集・同期し、Gitワークフローまで完結できる「Figma Make」の新機能を発表しました。

詳細内容

Figmaは、デザインツールとIDEの境界をなくすための新機能「Figma Make」のアップデートを発表しました。主な特徴は以下の通りです: - **ビジュアル・コード編集**: Figma上でプロパティ(レイアウト、色、フォント等)を変更すると、AIエージェントがローカルコードの該当箇所を特定して自動で書き換えます。 - **アノテーションによる指示**: 複雑なインタラクションやアニメーションなどは、画面上に注釈を付けることでエージェントに実装を指示できます。 - **Gitプロセスの統合**: Figma内から直接ブランチの作成、コミット、プルリクエストの作成が可能で、エンジニアの既存ワークフローに適合します。 - **双方向のコラボレーション**: コードの変更をデザインキャンバスへ取り込み、再び編集してコードへ戻すというクローズドループを可能にし、デザインと実装の不一致を解消します。 2026年5月28日よりMac版デスクトップアプリの限定ベータとして順次展開される予定です。