دانلود پلاگین UI Mockup Builder v1.0.0 برای افترافکت

Aescripts – UI Mockup Builder

Create editable vector UI mockups directly in After Effects for promos, tutorials, and product demos.

Build clean, editable interface scenes for product promos, tutorials, and demos without recording your After Effects workspace.

Your promo should look designed, not screen-recorded
Frame the shot

Choose Workspace, Viewer, Project, or Timeline and set the exact output dimensions and UI scale.
Configure the interface

Edit names, rows, tabs, timing, artwork, panel details, and product placement while the preview updates.
Create and animate

Generate the composition, refine it with handles and controls, and use the optional staged starter animation.

Full workspace
Build the entire scene at once

Create a balanced workspace with Project, Composition Viewer, Timeline, toolbar, window shell, and optional product space in one operation.

Custom composition size and independent UI scale
Resizable panel split and workspace size handles
Automatic clipping and scrollbars for long content
Optional Mac-style or Windows-style window controls

omposition Viewer
Use only the panel the shot needs

Generate a standalone viewer for close-ups and callouts, or include it in the full workspace. Tabs, labels, rulers, lower controls, and content respond to your setup.

Artwork mode or a clean New Project state
Editable active and inactive composition tabs
Move and resize artwork while preserving proportions
Live time display and recognizable vector controls

Project panel
Long project lists that actually scroll

Set the item count, enter the names you need, and let UI Mockup Builder fill the remainder automatically. Overflowing rows stay clipped below the header and move with a dedicated scrollbar.

Automatic Comp_XX names when the list is incomplete
Optional preview, search, columns, rows, and footer
Scrollable row precomposition for large item counts
Scrollbar visibility and size respond to panel height

Timeline panel
Art-direct the timeline before generation

Choose the duration, position the playhead, and arrange individual layer bars in the extension preview. The generated ruler, bars, playhead, and timecode keep the same timing.

Drag bars or trim them from either edge
Set global starts and ends or align all layers
Reset the layout or generate new randomized timing
Move the generated playhead and update its timecode

Create the base, then direct the shot in After Effects

The generated composition is not a flattened image. UI Mockup Builder leaves you with named layers, panel roots, control layers, resize handles, scroll controls, artwork controls, and animation-ready elements.
UIB_CONTROL

Adjust global colors and available visual settings from a dedicated control layer.
Product-ready space

Reserve a docked or floating Promo Slot, then place your own panel screenshot or product video over it.
Visual resize handles

Resize complete workspaces and individual panels directly in the composition.
Starter animation

Preview and generate a staged interface build instead of a single flat fade-in.
One tool for the interface shots around your product

Use the same visual system across launch trailers, feature breakdowns, help videos, social posts, and documentation without rebuilding the surrounding software UI for every composition.
Script authors

Present scripts and extensions inside a controlled software-style environment.
Motion designers

Create editable interface scenes for explainers, title sequences, and product films.
Educators

Build clean diagrams and close-ups without exposing a busy real workspace.
Content teams

Keep interface visuals consistent across horizontal, vertical, and square content.
See the full workflow

The tutorial covers installation, mockup types, preview navigation, panel settings, timeline editing, artwork, Promo Slots, starter animation, generation, and post-build controls.

این راهنمای نصب به صورت نوشته می باشد .