Figmaがコードレイヤーとアニメーション機能を追加、AI機能も拡充
原題: Figma adds code layers, support for animations, more AI features in new update
なぜ重要か
Figmaのコード統合強化は、ノーコード/ローコード開発トレンドの加速を示し、デザイン・開発・PM間の協働効率化は生産性向上と市場競争力強化につながる。
デザインプラットフォームのFigmaは6月24日、新たなアップデートで「コードレイヤー」機能、モーションとシェーダーのサポート、カスタムプラグイン作成機能を発表した。コードレイヤーではリポジトリのクローンやコード抽出が可能になり、デザイナーとエンジニアの協働を強化する。
Figmaは水曜日に新しいアップデートを発表した。主な追加機能は、コードレイヤーの直接統合、アニメーションとトランジション、3Dトランスフォームのサポートである。Figmaの最高製品責任者Yuhki Yamashitaは、「コードレイヤーにより、デザイナー、プロダクトマネージャー、プログラマーがアイデアの反復が容易になる。マルチプレイヤーキャンバスは本番環境向けの完璧なコード作成ではなく、急速な探索が可能な環境を提供する」とコメントした。
従来、デザイナーはアニメーションを他のソフトウェアで作成し、コードに変換する必要があったが、現在はFigma内で直接統合できるようになった。AI機能ではシェーダー効果やフィル属性を生成でき、テキストプロンプトを使用して再利用可能なスキルを作成可能。Figmaは2025年にノードベースツールのWeavyを買収しており、両アプリの統合を進めている。
ユーザーはNotionやExcel、GitHubなどのツール連携が可能となり、AIボットに更多くのコンテキストを提供できる。カスタムプラグイン機能では、レイアウトジェネレーターやベクトルパストレーサーなどをプロンプトで作成できる。これらのアップデートにより、デザインと開発チーム間の連携がより強化される。