Lanhu → Unity UI Automation Workflow

Turn Lanhu designs into Unity UI Prefabs

VectoUI converts PS / Sketch designs uploaded to Lanhu into Unity-ready UI Prefabs, automatically handling hierarchy, coordinates, assets, and styles to reduce manual UI rebuilding and repeated alignment work.

Open Integration GuideWatch Demo
  • Lanhu design parsing
  • Unity Prefab generation
  • Assets downloaded and referenced
  • Less manual rebuilding and review

Lanhu to Unity UI automation workflow

Designers upload designs to Lanhu

Designers use the Lanhu plugin in PS / Sketch and other design tools to upload design files, layers, and sliced assets to Lanhu.

01

Engineers select the design in Unity

Engineers open the VectoUI plugin inside Unity and find the target Lanhu design file.

02

Generate the Prefab

After selecting the target design, engineers click generate and VectoUI starts converting the Lanhu design into a Unity-ready UI Prefab.

03

Build hierarchy and link assets automatically

VectoUI generates the UI Prefab hierarchy and downloads, imports, and references the related image assets automatically.

04

Manual UI assembly vs automated Prefab generation

The traditional workflow depends on engineers rebuilding the design by hand. VectoUI brings Lanhu designs into the Unity plugin generation flow to reduce repetitive hierarchy setup, asset handling, and alignment work.

Traditional Unity UI Workflow

Manual rebuild
  • Designers prepare sliced assets, annotations, and visual references after finishing the design
  • Engineers manually recreate the UI hierarchy in Unity from reference images
  • Image assets are imported one by one and dragged onto matching nodes
  • Coordinates, sizes, anchors, hierarchy, and visual details need repeated adjustment
  • When the design changes, parts of the hierarchy and assets need to be synced again

VectoUI Automated Generation Flow

Generated flow
  • Designers upload design files, layers, and sliced assets to Lanhu through the Lanhu plugin
  • Engineers find the target design in the VectoUI plugin inside Unity
  • Click generate to create the Unity UI Prefab hierarchy
  • Related image assets are downloaded, imported, and referenced automatically
  • Engineers continue from the generated result to bind components, scripts, and product logic

Core automation for Lanhu to Unity Prefab generation

VectoUI turns Lanhu designs into Unity-ready UI Prefabs, with asset landing, layout conversion, and post-processing hooks for team-specific automation.

Released

Generate UI hierarchy

Build an editable Unity UI Prefab hierarchy based on layer relationships, element positions, and sizes from the Lanhu design.

Released

Download and reference image assets

Download related image assets into the Unity project and automatically create node-to-asset references.

Released

Convert layout and basic style data

Convert coordinates, sizes, anchors, hierarchy, and basic style data into Unity UI usable data.

Extensible

Extend automation with post-processing hooks

Teams can use VectoUI post-processing hooks to automate component binding, naming conventions, script references, and other steps that further refine the generated UI Prefab.

DEMO VIDEO

VectoUI UI automation demo inside Unity

A complete example of Lanhu design selection, UI Prefab hierarchy output, and image asset downloading and referencing.

VectoUI UI automation demo inside Unity - A complete example of Lanhu design selection, UI Prefab hierarchy output, and image asset downloading and referencing.
Unity plugin interface
UI Prefab hierarchy
Image asset references
Docs Path

Lanhu to Unity integration docs guide

The docs cover configuration setup, Unity plugin import, advanced usage guidelines, and Photoshop / Sketch art production guidelines.

Engineering

Unity-side integration path

3 docs

For teammates responsible for the Unity project, VectoUI plugin setup, and Prefab generation validation.

01Config

Obtain and set credentials

Prepare third-party data source credentials and complete the configuration required for VectoUI connectivity.

Open config doc
02Plugin

Import the Unity plugin package

Import the VectoUI plugin package into your Unity project and complete the basic integration setup.

Open integration guide
03Advanced

Advanced usage guidelines

Review component binding, naming, generation settings, and post-processing interfaces for deeper workflow use.

Open advanced usage
Art guidelines

Design file production guidelines

2 docs

For teammates responsible for preparing PS / Sketch design files, uploading them to Lanhu, and delivering assets.

04Photoshop

Photoshop art production guidelines

Organize layers, slices, and asset names according to the Photoshop guidelines to reduce downstream generation and adjustment work.

Open Photoshop guidelines
05Sketch

Sketch art production guidelines

Organize page structure, layers, and assets according to the Sketch guidelines so files can enter the automated workflow after being uploaded to Lanhu.

Open Sketch guidelines

The recommended sequence is for engineering to validate the first three docs, followed by art teammates preparing design files according to the software they use.

Open Unity integration guideOpen advanced usage

Lanhu to Unity FAQ

Yes. VectoUI's Lanhu to Unity workflow is an officially supported UI automation workflow that converts Lanhu designs into Unity-ready UI Prefabs.
VectoUI currently focuses on Lanhu designs uploaded from Photoshop or Sketch, and provides the Unity Prefab generation workflow around those sources.
The generated result includes UI hierarchy, node positions, image asset references, fonts, and other interface structure and resource information.
Yes. VectoUI handles UI Prefab structure and resource generation; engineers mainly connect business logic. Repetitive supplemental generation or rule-based processing inside the project can be extended through post-processing interfaces.
The core difference is determinism and efficiency. VectoUI generates Prefabs through an automated workflow, reducing repetitive work and output variance from manually building hierarchy, dragging assets, and aligning UI.
The integration details are covered in the docs, including configuration setup, Unity plugin package import, advanced usage guidelines, and Photoshop / Sketch design-file preparation guidelines.

Start your Lanhu to Unity UI automation workflow

Sign in to VectoUI, connect Lanhu designs in Unity, and generate editable UI Prefabs.

Sign in