FigmaのAI機能が大幅にアップデートされ、デザインファイルから実用的なReactコードが生成できるようになりました。
Dev Mode AIの新機能
- FigmaデザインからReact + Tailwind CSSのコードを生成
- コンポーネント単位での書き出しに対応
- アニメーション(Framer Motion)のコードも自動生成
- デザイントークン(色・フォント・スペーシング)を変数として出力
現場の評価
「ピクセルパーフェクトとはいかないが、80%のコードが再利用できる。実装時間が大幅に短縮された」とフロントエンドエンジニアの間で話題に。
Figma Professionalプラン以上で利用可能(月$15〜)。


