Figma

Figma、AIワークフロー向け新機能を発表。画像参照プロンプトとCode Connect UI

2025.10.02編集部
Figma、AIワークフロー向け新機能を発表。画像参照プロンプトとCode Connect UI

Figmaは、AIとデザインワークフローを強化する複数の新機能を発表した。これらのアップデートにより、デザイナーはAIを活用したデザイン生成をより精密に制御でき、デザインファイルと実際のコードとの整合性を保つことが可能になる。

新機能の中核となるのは、AIプロンプトに画像を参照として追加できる機能だ。この機能により、デザイナーはテキストによる指示だけでなく、視覚的な参考資料を提供することで、AIによるデザイン生成の精度を大幅に向上させることができる。従来のテキストベースのプロンプトでは表現が困難だった細かなデザイン要素や雰囲気を、画像を通じて具体的に伝達できるようになった。

また、オープンベータ版として提供されるCode Connect UIは、デザインファイルとGitHubのコードを直接リンクする革新的な機能である。この機能により、デザインチームと開発チームの間で生じがちな実装の齟齬を防ぎ、デザインシステムの一貫性を維持できる。デザインコンポーネントと実際のコードコンポーネントが同期されることで、プロダクト開発の効率性が大幅に向上する。

さらに、Figma MakeからFigma Designへのデザインコピー機能が追加され、異なるモード間でのワークフロー移行が簡素化された。ベクター編集においても新しいCutツールが導入され、線や点の分割、複数ベクターの横断カットが可能になり、より精密なベクター操作が実現している。

これらの機能強化により、Figmaはデザインツールとしての地位をさらに強固にし、AI時代におけるデザインワークフローの新たな標準を確立しようとしている。特にCode Connect UIは、デザインと開発の境界を曖昧にする重要な分岐点となる可能性が高い。

出典: Figma introduces new tools for AI and design workflows

Figma
AI

最新のニュース

Latest News

  • アルゴリズムのアトリエ:生成AIは芸術の自動化史の最新章にすぎない
    AI2026.07.27
    アルゴリズムのアトリエ:生成AIは芸術の自動化史の最新章にすぎない
  • レイアウトの振り付け:要素が瞬間移動する違和感を解く動きの設計
    Webデザイン2026.07.27
    レイアウトの振り付け:要素が瞬間移動する違和感を解く動きの設計
  • 「プロダクトセンス」を定義する:才能ではなくパターン認識という技術
    UI/UXデザイン2026.07.27
    「プロダクトセンス」を定義する:才能ではなくパターン認識という技術
  • AIが設計する時代のUX:成果物から「文脈のキュレーション」への転換
    AI2026.07.27
    AIが設計する時代のUX:成果物から「文脈のキュレーション」への転換

デジタルデザインの最新情報をお届け!

unprintedのメールマガジンにご登録いただくと、デジタルデザインの最新情報をメールで受け取ることができます。今までに配信したバックナンバーも公開中!

※登録ボタンを押すと利用規約に同意されたものとします。