Overview:

Slice & Anchor is a UI Design App prototype rooted in a few ideas:

1. the box is already there: aka slice existing space vs. clicking and dragging to draw shapes
• In prototype
2. design-system first: aka the UI is a function of the design system (palette, fonts, type ramp, spacers, eases, controls, etc.)
• Not in prototype
3. anchor as rule not exception: aka the constructs rarely need to be absolutely positioned and are instead most often anchored or logically distributed
• Not in prototype

Controls:

• Slice Horizontally: left click
• Slice Vertically: right click
• Remove Cell: alt + click

Debug:

Node count: 1

["1"]

{
  "1": {
    "id": "1",
    "type": "area",
    "meta": {
      "parentId": null
    },
    "nodes": null,
    "nodeIds": null
  }
}