FigmaのCode Layers、画面間の接続と操作を読み取って試作品を生成

何について

Figmaは、Code Layersで複雑な画面遷移を作る際に、プロトタイプの接続線を活用できると案内した。11月3日付の公式更新によると、デザインのフレームからコードレイヤーを作るとき、AIエージェントがフレーム間の接続や操作を読み取るようになった。 画面の見た目だけでなく、どの操作でどこへ進むかという既存の設計も生成の手掛かりになる。Figmaは、複雑な流れを指示文で説明する手間を減らし、試作品の調整や例外的なケースの確認に時間を使えるとしている。 全員が試せるとの案内に続く、入力できる文脈の具体的な拡張だ。Code Layersはオープンベータで、ファイルの編集権限が必要。AIクレジットの消費量は作業内容などで変わる。

なぜ注目

既存の画面設計と、コードで動く試作品をつなぐ更新。単なる利用対象の拡大とは異なり、画面間の動きもAIへ渡せる点が制作作業に関わる。