PanelSpec – design UI on real devices, export layout prompts for AI codegen

RobCrane1 pts0 comments

Panel Designer — ismartbase

Components

Expand all<br>Collapse all

Drag components onto the panel, or double-click to add centered. Click or double-click label, title, subtitle, caption, and link text on the canvas to edit in place (Enter or F2 when selected). Lasso to multi-select; Shift/Ctrl-click to add or remove. Ctrl/Alt-drag to duplicate · ⌘C copy · ⌘V paste · ⌘D duplicate · arrow keys nudge (Shift for 10px).

Windows UI

Windows Forms<br>WinUI / WPF

WinUI/WPF and Windows Forms use different toolboxes and AI prompt targets.

Drag components here — or edit the starter layout

Account

Log in<br>Sign up

Account

Log out

Project

Actions ▾

Save<br>History<br>Projects<br>New

Ready

Pages

Properties

Select object

Label

Link to page

Pick a folder below or use this dropdown to link navigation.

Tab position

Top<br>Bottom

Place the tab strip along the top or bottom edge of this control.

Click a tab to select it, then drop components into the panel area below or above the tabs.

Layer (z-index)

Multiple components can share the same layer number. Objects on the same layer stack by creation order.

Send to back<br>Bring to front

Delete object

Preview mode — click linked objects to navigate between pages. Press Esc or Preview to exit.

My projects

New project

Version history

Versions stay with this project — renaming does not clear history. Each entry shows the project name at that save. Manual Save always creates a version; auto-save creates one at most every 5 minutes (renames save sooner).

Import Layout

Paste Panel Designer JSON or SwiftUI code.

Choose file…<br>Import

click components save panel project layout

Related Articles