Figma が新アップデートでコードレイヤーやアニメーションサポート、さらに AI 機能を追加
本文の状態
日本語全文を表示中
詳細モードで約4分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
TechCrunch AI
デザインツール「Figma」が新アップデートにより、開発者が直接編集可能なコードレイヤーの導入、アニメーション機能のサポート強化、および新たな AI 機能の実装を発表した。
Continue in AI NEW LAB
このニュースを、実務の判断につなげる
AI NEW LABで、試したことや先に確認したい条件を共有できます。まずはログインなしで読めます。
AI NEW LABで論点を見るSource Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
Figma は水曜日、新しいコードレイヤーの追加、モーションやシェーダーへの対応、AI を活用してさまざまなタスク用のカスタムプラグインを作成できる機能を含むアップデートを発表しました。
このデザインプラットフォームは、ツールにコード統合をもたらす取り組みを長年行ってきました。昨年には AI プロンプトベースのプロトタイピングツール「Figma Make」を発表し、以来、コーディングとデザインの引き継ぎを改善するために Claude Code や Codex との統合を開始しました。
同社は現在、共同作業キャンバスに直接コードレイヤーを追加し、チームがリポジトリをクローンしたり、コードからフローを抽出してテスト用のデザインレイヤーに変換したりできるようにしています。
image画像クレジット: Figma
Figma の最高製品責任者である Yuhki Yamashita 氏は、コードレイヤーにより、デザイナー、プロダクトマネージャー、プログラマーが本番環境に投入するための完璧なコード作成に集中するのではなく、アイデアの反復を容易に行えるようになると述べています。
「私たちはマルチプレイヤーキャンバスが非常に強力だと考えています。なぜなら、これはコードの品質についてあまり気にする必要がない環境だからです。急速に探索したり、多くの新しい方向性を試したい場合でも、この空間的な方法で実現できます。この機能は、デザイナーだけでなくエンジニアや PM とも異なる振る舞いを生み出すことを願っています」と、彼は電話会議の中で語りました。
Figma は now、アニメーション、トランジション、3D トランスフォームのサポートも追加されました。以前は、デザイナーが他のソフトウェアでアニメーションを作成し、アプリが理解できるコードに変換する必要がありました。しかし今では、デザイナーはアニメーションとトランジションを Figma に直接統合できるようになりました。
image画像クレジット:Figma
AI を使用してこれらのアセットの一部を作成することも可能になり、今回のアップデートでは AI を用いたシェーダー効果や塗りつぶしの追加サポートも追加されました。
昨年、Figma は ノードベースのツール Weavy を買収しました。これはデザイナーが異なるモデルを通じてワークフローを実行し、出力を比較できるようにするものでした。現在は、両アプリのより良い統合に取り組んでいます。年内に展開されるアップデートでは、ユーザーは Figma 内で直接 Weawy のワークフローを生成できるようになります。
同社はまた、AI アシスタント を共同作業キャンバス上でより有用にするための新しいスキルを追加しています。ユーザーはテキストプロンプトを使用して、AI エージェントが再利用可能なスキルを作成できるようになりました。また、Notion、Granola、Excel、GitHub などのツールを接続したり、ファイルを添付して AI ボットに実行したい内容の文脈を提供することも可能です。
同社はさらに、レイアウトジェネレーターやベクトルパストレーサーなど、プロンプトを使用してカスタムプラグインを作成するための機能も追加しています。
当記事内のリンクを通じてご購入いただいた場合、私たちは少額のコミッションを獲得する可能性があります。これは私たちの編集の独立性には影響しません。
Ivan は TechCrunch で世界の消費者技術動向をカバーしています。彼はインドに拠点を置き、以前は Huffington Post や The Next Web などの出版物で働いていました。
Ivan に連絡したり、 outreach の真偽を確認するには、im@ivanmehta.com へメールを送るか、Signal で ivan.42 経由の暗号化メッセージをご利用ください。
原文を表示
Figma on Wednesday showed off an update that adds a new code layer, support for motion and shaders, and the ability to create custom plug-ins for various tasks using AI.
The design platform has been working on bringing code integration into its tool for a while. Last year, it unveiled an AI prompt-based prototyping tool, Figma Make, and has since launched integrations with Claude Code and Codex to improve the hand-off between coding and design.
The company is now adding code layers directly to the collaborative canvas, helping teams clone repositories and extract flows from code to design layers for testing.
Figma’s chief product officer, Yuhki Yamashita, said code layers make it easier for designers, product managers, and programmers to iterate on ideas rather than focus on creating pristine code that goes into production.
“We think the multiplayer canvas is really powerful because this is an environment where you don’t really care about the quality of the code. If you’re rapidly exploring or need to kind of explore a bunch of new directions, you can do that in this spatial way. We hope that this feature produces different behavior not just with designers, but also with engineers and PMs,” he said over a call.
Figma now also supports animations, transitions, and 3D transforms. Previously, designers had to create animations in other software and convert it to code that the app could understand. Now designers can integrate animations and transitions directly into Figma.
You can now use AI to create some of these assets, and the update is adding support for adding shader effects and fills using AI, too.
Last year, Figma acquired node-based tool Weavy, which helped designers run workflows through different models to compare outputs, and is now working to integrate the two apps better. In an update rolling out later in the year, users will be able to generate Weavy workflows directly within Figma.
The company’s also adding new skills to make its AI assistant more useful with its collaborative canvas. Users can now write text prompts to create repeatable skills that AI agents can use. You can also connect tools like Notion, Granola, Excel, and GitHub, or attach files to give the AI bot more context about what you want it to do.
The company is also adding a feature to help users create custom plug-ins, like layout generators or vector path tracers, with prompts.
*When you purchase through links in our articles, we may earn a small commission. This doesn’t affect our editorial independence.*
Ivan covers global consumer tech developments at TechCrunch. He is based out of India and has previously worked at publications including Huffington Post and The Next Web.
You can contact or verify outreach from Ivan by emailing im@ivanmehta.com or via encrypted message at ivan.42 on Signal.
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み