最新SlackとTeamsの@GitHubが一般提供に
公式画像がないためイメージ(AI生成)
AI・テクノロジー

Figmaのコードレイヤーが公開ベータに キャンバス上でコードを使った試作を作れる

Figma 公式発表掲載 2026/11/07読了 3分

本ページはプロモーションを含みます

Figmaのコードレイヤーが公開ベータに移り、キャンバス上でコードに基づく試作を作れるようになった

続きを読む

デザインやプロダクト開発に関わる人にとって、試作の作り方が変わる可能性がある話です。

Figmaの公式ブログに対談が掲載されました。対談したのは、共同創業者でCEOのディラン・フィールド氏と、ポッドキャスト「All-In Podcast」の共同司会者でOhalo Genetics CEOのデイビッド・フリードバーグ氏です。この記事は対談の一部の抜粋です。

フィールド氏は、キャンバス上でコードを扱う「コードレイヤー」が公開ベータに移ったと述べています。コードレイヤーは、デザイン画面の中でコードに基づくプロトタイプ(実際に動く試作品)を作るための機能です。

AIではなく人間が天井を上げる

対談の問いはこうです。AIでアイデアを動く製品にする作業が手軽になったとき、人間の創造性はどこに入るのか。

フリードバーグ氏は指摘しました。エージェント型AIの時代には、かつてプロダクトマネージャー、デザイナー、エンジニアのチームが必要だった仕事が、AIでこなされるようになってきています。

フィールド氏は、コードや動画などの制作全体で、AIによって敷居が下がったと説明しています。誰でも制作に加われるようになったといいます。

以前は、AIが仕事の天井を上げると考えていたが、それは間違いだったと語りました。天井を上げるのは人間です。大胆な挑戦をして、これまで誰もやったことのないことに時間を投じる人がいるとき、天井は上がるという見方です。

ソフトウェアは以前にも増して大量に生まれているため、差別化が必要だとも述べています。コードを書くことはもう誰にでもできます。そのため難しいのはそこではなくなったとし、「デザインが新しいコードだ」と表現しました。デザインと自分の視点を持つことが、作るものの差を生むという考えです。

フリードバーグ氏は、新しいことをすることこそが創造であり、そうでなければ真似にすぎないと問いかけました。フィールド氏はこれに同意しました。独自性があり注目を集める仕事は、市場に評価され、組織の中でも人の注目を集めると話しています。

まず作ってから直す、AIとの往復

フィールド氏は、AIで最初に形を作ってみることは、白紙の画面から抜け出す助けになると話しています。出てきたものに対して「ここは気に入らないので直す」と反応し、やりとりを重ねることが役立つという考えです。

一方で、自分の構想をAIに任せて実装させると、結果はAIの解釈を通したものになります。思いどおりにはなりにくいとも指摘しました。まず作ることは考えるための手段にもなり、手を動かして考えるやり方と素早く行き来できることが大事だとしています。

Figmaがめざしているのは、コードをキャンバス上の素材として扱えるようにすることだと説明しました。

Figma Designの生成ツールと、Figma Weave

対談では、Figma Designに生成ツールとシェーダーがあることが紹介されました。デザインエージェントは、プロンプトで始められます。カスタムツール、実際の文脈、スキルを加えることで、さらに使える範囲が広がると説明されています。

Figma Weaveは、AIのモデルの出力を別の入力につなげられる仕組みです。フィールド氏は、AIで生成すること自体は悪くないと考えています。それを形にするための工程が必要だという考えを示しました。

Figma Weaveは、AIの生成と編集の道具をつなぎ、再利用できる作業の流れにまとめます。チームが工程を形づくり、磨き、繰り返せるようにする狙いです。

フィールド氏はまた、新しいモデルが出た直後は数日間の盛り上がりがあると話しています。ただ、すぐに慣れて新鮮さは薄れるといいます。意図を持ち、手間をかけて取り組めば、より良い結果を出せるという考えです。

フリードバーグ氏は、AIは人間の主体性を奪い、人の可能性を頭打ちにするという批判があると述べました。そのうえで、AIがすべての人の創造力をどう広げるかを尋ねました。

フィールド氏は、AIに考えてもらう道と、AIを使って世界の理解を深める道があると説明しました。後者のほうが面白いと語っています。

「誰もが作り手になれる」とも話しています。意志の力と好奇心があれば、大胆なことができるという見方です。

Figmaの発表を読む
一部で提供中

サイソクの判定

試作を作る仕事があるなら、公開ベータの案内と料金を確かめてから試すとよいでしょう。

主な対象
デザイナー・プロダクト担

11/7時点の判定。発表内容をもとにAIで判定しています。最新の提供状況は公式情報をご確認ください。

すぐにできること

  1. 1Figmaの公式サイトで、コードレイヤーが自分のプランで使えるか確かめる
  2. 2Figmaの料金ページで、新機能の料金が出ていないか確かめる

この記事をシェアする

出典と更新履歴

出典(公式)
Figma公式ブログ「In conversation: Dylan Field and David Friedberg on the human role in creating with AI」
日時
公式発表 サイソク掲載
確認方法
公開前に、本文を出典と自動で照合しています(事実確認 92点/100点、70点未満は非公開)。制作と確認の方法
誤りの報告
お問い合わせから受け付けています。直した記事は訂正履歴に残します。

次に読む記事

AI生成同じ話題の記事一部提供Figma、画像・動画のAI制作基盤「Figma Weave」の使い方を公開ノードをつなぐ画面で、制作の手順が見え、前の段階に戻って直せる続きを読む

NEWSLETTER

毎朝7時、昨日のAIニュースの要点を5本

前日に出た記事から大きな発表を選び、1本2行でまとめてメールで届けます。無料・いつでも解除できます。

確認メールのリンクを開いた時点で登録完了です。アドレスは配信にだけ使います(プライバシーポリシー)。 配信の内容

大きな速報を、通知ですぐに

主要企業の大きな発表だけ、1日4回まで。夜22時〜朝7時は鳴らしません。いつでも解除できます。

本記事は公式発表の文章をもとにAIが要約・解説して自動生成したものです。誤りが含まれる可能性があるため、正確な仕様・料金は公式発表をご確認ください。元記事を読む制作方法と事実確認の手順は編集方針をご覧ください。誤りのご指摘はお問い合わせから受け付けています。