Figma が新アップデートでコードレイヤーやアニメーションサポート、さらに AI 機能を追加

Figma は水曜日、新しいコードレイヤーの追加、モーションやシェーダーへの対応、AI を活用してさまざまなタスク用のカスタムプラグインを作成できる機能を含むアップデートを発表しました。 このデザインプラットフォームは、ツールにコード統合をもたらす取り組みを長年行ってきました。昨年には AI プロンプトベースのプロトタイピングツール「Figma Make」を発表し、以来、コーディングとデザインの引き継ぎを改善するために [Claude Code や Codex](https://techcrunch.com/2026/02/26/figma-partners-with-openai-to-bake-in-support-for-codex/) との統合を開始しました。 同社は現在、共同作業キャンバスに直接コードレイヤーを追加し、チームがリポジトリをクローンしたり、コードからフローを抽出してテスト用のデザインレイヤーに変換したりできるようにしています。 ![image](https://techcrunch.com/wp-content/uploads/2026/06/Code-layers_overview.png?w=680)**画像クレジット:** Figma Figma の最高製品責任者である Yuhki Yamashita 氏は、コードレイヤーにより、デザイナー、プロダクトマネージャー、プログラマーが本番環境に投入するための完璧なコード作成に集中するのではなく、アイデアの反復を容易に行えるようになると述べています。 「私たちはマルチプレイヤーキャンバスが非常に強力だと考えています。なぜなら、これはコードの品質についてあまり気にする必要がない環境だからです。急速に探索したり、多くの新しい方向性を試したい場合でも、この空間的な方法で実現できます。この機能は、デザイナーだけでなくエンジニアや PM とも異なる振る舞いを生み出すことを願っています」と、彼は電話会議の中で語りました。 Figma は now、アニメーション、トランジション、3D トランスフォームのサポートも追加されました。以前は、デザイナーが他のソフトウェアでアニメーションを作成し、アプリが理解できるコードに変換する必要がありました。しかし今では、デザイナーはアニメーションとトランジションを Figma に直接統合できるようになりました。 ![image](https://techcrunch.com/wp-content/uploads/2026/06/Agent_skills.jpeg?w=680)**画像クレジット:**Figma AI を使用してこれらのアセットの一部を作成することも可能になり、今回のアップデートでは AI を用いたシェーダー効果や塗りつぶしの追加サポートも追加されました。 昨年、Figma は [ノードベースのツール Weavy](https://techcrunch.com/2025/10/30/figma-acquires-ai-powered-media-generation-company-weavy/) を買収しました。これはデザイナーが異なるモデルを通じてワークフローを実行し、出力を比較できるようにするものでした。現在は、両アプリのより良い統合に取り組んでいます。年内に展開されるアップデートでは、ユーザーは Figma 内で直接 Weawy のワークフローを生成できるようになります。 同社はまた、[AI アシスタント](https://techcrunch.com/2026/05/20/figma-adds-an-ai-assistant-to-its-collaborative-canvas/) を共同作業キャンバス上でより有用にするための新しいスキルを追加しています。ユーザーはテキストプロンプトを使用して、AI エージェントが再利用可能なスキルを作成できるようになりました。また、Notion、Granola、Excel、GitHub などのツールを接続したり、ファイルを添付して AI ボットに実行したい内容の文脈を提供することも可能です。 同社はさらに、レイアウトジェネレーターやベクトルパストレーサーなど、プロンプトを使用してカスタムプラグインを作成するための機能も追加しています。 当記事内のリンクを通じてご購入いただいた場合、[私たちは少額のコミッションを獲得する可能性があります](https://techcrunch.com/techcrunch-affiliate-monetization-standards/)。これは私たちの編集の独立性には影響しません。 Ivan は TechCrunch で世界の消費者技術動向をカバーしています。彼はインドに拠点を置き、以前は Huffington Post や The Next Web などの出版物で働いていました。 Ivan に連絡したり、 outreach の真偽を確認するには、[im@ivanmehta.com](mailto:im@ivanmehta.com) へメールを送るか、Signal で ivan.42 経由の暗号化メッセージをご利用ください。 [プロフィールを見る](https://techcrunch.com/author/ivan-mehta/)

Figma が新アップデートでコードレイヤーやアニメーションサポート、さらに AI 機能を追加

背景や根拠まで確認しますか？

このニュースを、実務の判断につなげる

関連記事

調べる

選ぶ

サイト