AIエージェント能力アトラス › 仕事ごとの一覧 › コンテンツ制作 › デザイン

UI/アプリ画面デザイン(モックアップ〜コード化)

UI/app screen design from mockup to code

0 できない ／ 1 デモ止まり ／ 2 補助 ／ 3 実務品質（要確認） ／ 4 専門家並み ／ 5 専門家超え。「予」は予測。

専門家と比べて

Figma Make/Claude Design等でクリックして選択・編集可能なUIをプロンプトから生成できる水準に到達

できること

要件からのUIモックアップ+実装コードの一括生成、既存デザインシステムへの準拠

まだできないこと

複雑なユーザーリサーチに基づく情報設計、アクセシビリティ細部までの完全担保

なぜそうなのか

UIの『使いやすさ』評価はユーザーテストという実世界フィードバックに依存するため

これからの予測の根拠

コード生成能力の向上に伴いUIモックアップは急速に実務品質化しており、2028年には専門家超え領域に達すると予測

いま使える主な道具

Figma Make、Claude Design、v0

根拠

• AI slide generation in 2026: Claude Design, Gamma & more 2026
  Claude DesignなどキャンバスエディタでUI生成が可能になったと紹介

同じ分野のほかの仕事（デザイン）

• プレゼン資料・スライド生成
• ロゴ・ブランドアイデンティティデザイン
• グラフィック・広告バナー制作

AIエージェント能力アトラス 2026（2026-09-06 時点・v1.0）の1マスです。レベルは公開された実験・ベンチマーク・報告から付けた目安で、2027年以降は予測です。全マスに根拠のリンクがあります。作者は個人で、AI（Claude）と一緒に調べて作っています。