UI Mockup Builder 1.0.0 | 在 AE 里生成可编辑的软件界面 mockup-游戏CG

📦 插件下载含 CEP 扩展本体（含 ExtendScript 生成引擎与官方 README）、双平台安装辅助文件，共 15 个文件；需登录站点账号后查看下载链接

UI Mockup Builder 用于在 After Effects 里直接生成 可编辑的软件界面 mockup——不必真的去录屏你的 AE 工作区。包内 README.md 原文：CEP panel plus ExtendScript generation engine for creating editable software-style UI mockups directly inside After Effects.——即 CEP 面板 + ExtendScript 生成引擎，直接在 AE 内创建可编辑的软件风格界面。

主要特性（包内 README 与官方页原文）

不是截图、是原生图层：JSX 引擎生成 AE 原生的形状图层与文字图层，生成后仍可自由编辑。
四种取景：Full Workspace（完整工作区）、Composition Viewer（合成查看器）、Project Panel（项目面板）、Timeline Panel（时间轴面板）——可选只生成镜头需要的那一个面板，也可一次搭出完整场景。
实时预览：CEP 面板带实时 HTML 预览；改名称、行数、标签页、时序、图形、面板细节与产品摆放时预览同步更新。
尺寸与缩放可控：Frame Width / Frame Height 决定生成合成的尺寸与 UI 缩放，固定比例 SVG 预览保持对应比例。
控制图层：颜色、不透明度、圆角半径与细节控制，生成后用手柄与控制项继续微调。
可选开场动画：提供分阶段的 starter animation。
可选 Promo Slot（宣传位）：为 Full Workspace 预留空白区域，供你放入自己的产品截图或视频。
窗口外壳风格可切换：可选 Mac 风格或 Windows 风格窗口控件。
菜单与内容细节：观看器标签页、项目项与时间轴图层使用各自独立的名称；支持美术图模式或干净的 New Project 状态、可编辑的激活／未激活合成标签、长内容的自动裁剪与滚动条、面板分割与工作区尺寸的可拖拽手柄。
元素感知控件：面板只显示与所选 mockup 类型相关的选项与名称列表。
合规的视觉模式：单一模式 Vector Clean（矢量清爽）——保留细节，但使用风格化的圆角矢量面板，不使用品牌 LOGO、官方图标、截图或 1:1 的界面复制。

适用场景

产品推广片里需要展示「软件界面」的镜头、教程与演示视频中的界面示例、UI／UX 提案的动态化呈现、需要把真实界面替换成可控可动画版本的场合，以及任何「不想录屏、但需要一个干净界面」的产品叙事。

版本与安装

本资源版本为 v1.0.0（包内清单 ExtensionBundleVersion="1.0.0"，宿主范围 Host Name="AEFT" Version="[16.0,99.9]"；官方 VERSION HISTORY 原文 1.0.0 - Aug 11, 2026 Initial release.，即首发版本，且为当前官方最新版）。

安装步骤（包内 Installation Notes.txt 原文）：

1. 把 com.ui-mockup-builder 文件夹复制到 CEP 扩展目录：
Windows：C:Program Files (x86)Common FilesAdobeCEPextensions
macOS：/Library/Application Support/Adobe/CEP/extensions

2. Windows 运行 Add Keys.reg；macOS 运行 install-as-admin。

3. 打开 AE 设置勾选「允许脚本写入文件和访问网络」（AE CC 2019.1 及以上位于「脚本与表达式」页）。

4. 在 窗口 > 扩展 中打开面板。

资源内容（共 15 个文件）：com.ui-mockup-builder/（含 CSXS/manifest.xml、index.html、css/panel.css、js/core/bootstrap.js、js/cep-bridge.js、js/app.js、jsx/ui_mockup_builder.jsx（ExtendScript 生成引擎）、README.md）、Add Keys.reg、install-as-admin.zip、Installation Notes.txt。