screen.create
Create new screens or artboards for UI/UX design with device presets like iPhone 15, iPad Pro, or custom dimensions, then analyze layouts for issues.
Instructions
Create a new screen (page/artboard) in the Designer.
Device presets: iPhone 15, iPhone SE, iPad Pro 12", Desktop 1920, etc. Or use "custom" with explicit dimensions.
TIP: After adding components to a screen, run layout.analyze to check for layout issues and get suggested fixes. Screens can be resized taller if content overflows.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Screen name (e.g., "Home", "Login", "Dashboard") | |
| devicePreset | No | Device preset or "custom" | |
| dimensions | No | Custom dimensions { width, height } - used when devicePreset is "custom" | |
| backgroundColor | No | Background color (default: #ffffff) | |
| position | No | Position { x, y } on canvas (auto-calculated if not provided) |