TOP SIGNAL · 2026-10-16Figmaの画面で、動くコードを並べて試せるように
Figmaは10月15日、デザイン画面の中で動くコードを扱える「Code layers」を、誰でも試せる公開ベータ版に広げた。見た目だけの案と、実際に動く試作品を同じ場所に並べられる。 作った画面をコードに変えるほか、手元のフォルダーやGitHubのコード、AIと作った試作品を取り込める。たとえば地図や購入画面の案を並べ、押したときの動きまで比べながら話し合える。 Figmaによると、公開ベータ版は全プランに順次提供する。公開範囲が広がったばかりで、複雑なアプリ全体をそのまま扱えるとは発表していない。 同時に発表された「Specs」は、作りたいものや決めたことを文章にして、画面やコードと一緒に置ける。さらに「Payload」との連携では、内容を保存・編集できるWebサイト作りも示した。 アイデアを描く、動かす、説明する。それぞれの作業を一つの画面で行き来できる方向が見えてきた。実際の使い勝手は、公開ベータ版を使う人たちの検証を待つ。
一次情報を確認する ↗WHAT IT MEANS · 鳥越康平試作品が、話し合うための共通の場所になる。
今日気になったのは、Figmaで「動くコード」をデザインの横に置けるようになったこと。
画面を描いてから、別の場所で作って、また見せに戻る。そこが少しずつ、同じ場で起きるようになる。
これ、かなり面白い。
作りたいことをSpecsに書き、Code layersで実際の動きを試す。Payloadとの連携では、内容を保存するサイトまでつながる。発表された機能を並べてみると、案を見せる場所が、案を確かめる場所にもなっていく。
デザイナー、開発者、事業を考える人が、同じ動くものを見ながら「次はここを変えよう」と話せる。
試作品は、完成前に眺める資料から、チームが一緒に考えを進める場所へ変わっていく。
この日のニュース0件を見る →

AI SIGNAL / FOUNDER & CREATOR鳥越 康平 |Kohei Torigoe
AIプロダクトアーキテクト
25年以上にわたり、UI/UXデザイン、プロダクト開発、事業開発に携わる。自身でも会社を創業し、100人規模の組織を経営。
現在は、AIを活用した新しいプロダクトの企画・設計・開発に取り組む。
AI Signalでは、最新のAI技術を実際に試しながら、新しいプロダクトの開発を通じて見えてきた発見や、AIが切り拓く未来の可能性を発信しています。
プロフィール・実績・お問い合わせ ↗