Illustrator Layer Extractor

Workspace Project Load a source or start a new unnamed draft. No template number exists until Blocks creates one.

Source draft input

No file loaded.

Finished Template Compiler · V14 · R12drop finished

1. Choose the finished landing-page image with the top file picker.

2. V14 identifies uTap fields, constructs a clean base, and saves the workshop to Blocks / landing-bases.

3. Review only uncertain fields, Approve, then Publish to Blocks. The existing 300+ catalog and uTap runtime stay unchanged.

Waiting for a finished landing-page image.

Input role · tells the compiler whether this upload already is the clean background or still contains specimen data.

Auto uses filename, approved clean-donor comparison, then pixel evidence. Choose Blank when you know this upload is already the clean base.

Layout family · automatic geometry identity, independent of color/title/destination.

Family will be resolved from structural geometry.

Blocks workshop not saved yet.

Choose a finished PNG/JPG/WebP above. A manually prepared blank is no longer required.

Optional precision blank / legacy pair mode

Not required. If you already have the exact blank artwork, load it here and V14 will use the old pixel-pair compiler as a precision override while preserving the finished source.

Optional blank/base image

Live Output PreviewSyfy read-only

Preview the same compiled HTML that Export/Publish uses, filled with a real profile from Syfy. This panel only performs GET requests; it cannot edit Syfy, the database, Blocks, or uTap.

Choose a profile specimen. No data is written back.

Connecting to Syfy profile data…

Visual Landing Page Mapper

How to map app icons & links

Do not map every icon separately. Map the links container once and uTap will fill it from the profile's active social/custom links.

1. Whole links areaLinks / apps container

2. One complete sample cardLinks: one repeatable item

3. Icon inside that sampleLink item: icon area

4. Main text inside sampleLink item: label area

5. Second line, if usedLink item: sublabel area

6. Optional legacy page arrowsPrevious + next arrow hotspots

7. Optional legacy page dotsLinks pagination / dots

After approval, export or save directly to Blocks. uTap supplies the real icon image, label and destination URL. The exporter cleans the sample icon/text from the repeatable card. Horizontal Carousel and Adaptive Grid both reuse this same item prototype and the same profile link data.

1. Map

2. Review & approve

3. Save / export

Map is a draft

Draw or load your regions, review them, then approve the complete map.

Selected region

Field type

Name

Position & size percent of artwork

X Y W H

Region appearance

Replace mode

Mask

Mask shape

Mask style

Text / font px

Text fill

Font

Font style

Alignment

Image

Apps layout Horizontal

Layout

Show app labels

Icon size

Icon → label

Label size

Visible items

Horizontal gap px

Navigation Automatic

Touch / trackpad swipe

Item appearance Theme

Item box

Icon theme uTap Default

Theme

Waiting for Blocks icon library…

Manage this icon theme

Set name

Preview

Selected nodes are cloned with ancestor transforms/styles.