HyperAIHyperAI

Command Palette

Search for a command to run...

Figma、コードレイヤーとAI・アニメーション機能を追加

Figmaは木曜日、プラットフォームの大幅アップデートを発表した。同アップデートでは、設計チームと開発チームの連携を強化するコードレイヤーの導入、アニメーション機能のネイティブ化、およびAIアシスタントの高度化が柱となっている。 新機能の中心となるコードレイヤーは、共同作業用キャンバス上で直接リポジトリをクローンし、コードのフローを設計層へ抽出・変換できる機能だ。最高製品責任者のYuhki Yamashita氏は、このマルチプレイヤーキャンバス環境が厳格な生産環境のコード品質を気にせず、アイデアの迅速な検証や複数の方向性の探索を可能にすると指摘。デザイナー、プロダクトマネージャー、エンジニアが対話的に反復開発を進める体制を整備した。 アニメーション機能面では、従来別ツールで作成する必要があったトランジションや3D変形をネイティブにサポートした。これにより、設計プロセス内の動画表現やインタラクションの試作が効率化される。加えて、AIを活用したシェーダーエフェクトやフィルの生成も可能となり、プロトタイピング段階での視覚表現の幅が拡大する。 AIアシスタントの進化も目立つ。ユーザーはテキストプロンプトで反復可能なスキルを作成し、AIエージェントに業務を任せることが可能になった。Notion、GitHub、Excelなどの外部ツールやファイルへの接続機能により、AIがプロジェクトの文脈を把握して正確な出力を行う仕組みとなっている。また、AIプロンプトからレイアウトジェネレーターやベクトルパストレースなどのカスタムプラグインを自動生成する機能も追加された。 去年買収したノード型ワークフローツールWeavyとの統合も進めており、年内のアップデートにてFigma内でのWeavyワークフロー生成をサポートする予定だ。今回のアップデートは、既存のAIプロトタイピングツールやコード連携機能を補完し、設計からコードへ至るハンドオフプロセスの完全なデジタル化を加速させる。開発リソースの最適化とプロダクト開発のサイクル短縮に寄与すると期待される。

関連リンク