Figma Make、ローカルコード上で利用可能に

本日、Figma Makeに新機能を追加しました。Figmaを離れることなく、本番コードベース上で作業できるようになります。ベータ版デスクトップアプリでは、自由形式のデザイン、コードによるプロトタイピング、そしてプロダクションへのリリースを一体化するための第一歩をご覧いただけます。

Figmaでは、デザインツールかコードツールかのどちらかを選ばされるべきではないと考えています。必要に応じて最適なツールを自由に使えるべきです。デザインキャンバスであれ、プロトタイピング用のプレイグラウンドであれ、あるいはプロダクションコードであれ、同じように扱えるべきです。

今日のコード作業は、10年前のデザインのような状態に近いものがあります。Figmaが登場した当時、デザインはオフラインで行われ、基本的に単独作業でした。現在では、かつてないほど多くの人がエージェントを使ってコードを書いており、コーディング自体が急速に変化しています。フロンティアモデルによるコード出力の品質は常に向上し続けていますが、それだけ多くのイノベーションが起きているにもかかわらず、コードを扱うためのツールはまだ発展の初期段階にあります。コラボレーションの面では、いまだに2016年にとどまっているような状況です。IDEやターミナルは、多くの人にとって「ホーム」と感じられるものではありません。私たちは日々この課題を実感しており、Figmaコミュニティからも常に同じ声を聞いています。

「デザインかコードか」という対立は、実際には誤った二項対立です。ツールは、これらの世界を行き来する能力を制限すべきではありません。Figmaというプラットフォームの本質は、必要なタイミングで最適なツールにアクセスできるようにすることにあります。直接編集からコンテキストを踏まえたプロンプト入力、より密なコラボレーションやファイル共有まで、それを実現するために本日リリースされる内容をご紹介します。

コードベースをビジュアルで編集

現在では、コードベースに接続することで、Makeから直接ビジュアル編集を行い、そのまま変更をリリースできるようになりました。要素を選択し、プロパティを調整したり、レイアウト、色、フォント、サイズを変更すると、エージェントが関連するコードを特定し、UIがデザインした通りに反映されるよう編集します。これは、コード上での精密な編集でありながら、探索の自由度も備えています。

プロパティの変更を超えるような、インタラクションやアニメーションの変更については、画面上の要素に注釈を付けて、実現したい内容を記述することができます。アノテーションはエージェントにコンテキスト情報を与え、複数の要素をまとめて参照することも可能です。これにより、ダイレクト編集と通常のプロンプト入力の中間にあたる、柔軟な選択肢が加わります。

ブランチ、コミット、そしてリリース

本番コードのリリースは、チームの開発プロセスを通じて意図的に行われるべきです。プルリクエストを作成するまでは、変更内容はローカルのコミットとして保存されます。

MakeはコードベースにおけるGitワークフローをサポートしており、ブランチの作成やコミットのリバートなどの操作が可能です。そのため、エンジニアリングチームは他のプルリクエストと同様に変更内容をレビューできます。

共同作業と構築

Makeがローカルのコードベースを編集すると、それらの変更はファイルとして共有できます。リンクを送信すれば、チームメイトがブランチにアクセスできるようになり、自分のブランチをチェックアウトして変更内容を確認し、そのまま作業を引き継ぐことができます。また、相手の変更やアイデアも確認でき、コミット履歴によって変更前後を比較することができます。

Makeから画面、ページ、コンポーネントをコピーし、Figmaのキャンバスにレイヤーとして貼り付けることで、チームやFigmaのエージェントとともに発展させたり編集したりすることができます。Figmaはそれらの変更を検出し、Makeへ戻すよう促し、コードにもその変更を適用します。

目標はこのループを完全に閉じることです。Makeから画面や要素をFigma Designに持ち込み、チームがコメントしたり編集したり発展させたりできるようにし、その判断を再びコードへと戻します。キャンバスとコードベースが、同じ場所に存在します。正しい開始地点というものはありません。あるのは、いま目の前にある仕事と、その時点に最適なツールだけです。

Figma Makeの新機能(ダイレクト編集、アノテーション、チャット、PR作成を含む)は、2026年5月28日に限定ベータとしてリリースされ、ベータ期間中はクレジットを消費しません。AIクレジットの料金体系については、近い将来に発表する予定です。こちらからサインアップして、早期アクセスをリクエストできます。ベータの対象となり選出された場合は、参加が確定した時点でメールをお送りします。なお、ウェイトリストへの登録はアクセスを保証するものではありません。このベータはMacユーザー向けのベータデスクトップアプリでのみ利用可能です。今後、これらの変更は他のプラットフォームにも順次展開予定です。これらの機能について詳しくは、ヘルプセンターをご覧ください。