U&I Design

v1

by

Loading...

U&I DESIGN

Layout Builder

PhoneLaptop

↶ Undo↷ RedoCheck layoutLayoutsPreview AppExportReset

ACTIVE SCREEN

Laptop layout

1024 × 640Saved locallyZoomFit

ZoomFit50%100%Fit

GridSnap onGrid size

Your canvas is clear.Choose a component from the palette to start planning this screen.

V Select⌘D Duplicate⌫ DeleteDrag to arrange · resize from the handles

STARTING POINTS

×

Start with a ready-made screen, preview it, then customize every part.

01

Pick a ready-made starting pointPreview the structure, choose an appearance, and select Use This Layout to make it yours.

Prefer to start fresh?Start from an empty canvas and build it yourself.

Keep Blank Canvas

HANDOFF

×

Take the visual reference, the written brief, or the editable project file with you.

PNGCanvas screenshotActive canvas, without editor controlsPreviewDownload

MDMarkdown UI briefA clear handoff for your coding assistantPreviewDownload

JSONJSON design fileRestore or move this project laterPreviewDownload

Import a JSON design

READ-ONLY PREVIEW

×

PhoneLaptop

Show explanations

Exit PreviewBack to ExportDownload

ADVISORY REVIEW

×

These observations are suggestions, not verdicts. Your design stays unchanged until you edit it.

Clear highlightsRun again