diff --git a/FIGMA_UI3_CDP_FINDINGS.md b/FIGMA_UI3_CDP_FINDINGS.md deleted file mode 100644 index 59daec09b..000000000 --- a/FIGMA_UI3_CDP_FINDINGS.md +++ /dev/null @@ -1,137 +0,0 @@ -# Figma UI3 Layout — CDP Inspection Findings - -Inspected via CDP on Figma desktop app (Feb 2026). Window: 1487×901, DPR 2. - -## Overall Layout - -``` -┌─────────────────────────────────────────────────────────────────┐ -│ Left Panel (309px) │ Canvas (936px CSS, 1872px WebGL)│ Right Panel (241px) │ -│ │ │ │ -│ File name header │ Single element │ Tabs: Design │ Proto│ -│ Tabs: File │ Assets │ class="gpu-view-content" │ Zoom: 100% button │ -│ Pages list │ No WebGL context exposed │ │ -│ Layers tree │ (Figma uses own GPU renderer) │ [Scroll container] │ -│ (309×804 scroll area) │ │ (240×820) │ -│ │ │ │ -│ │ ┌──────────────────────┐ │ │ -│ │ │ Toolbar (floating) │ │ │ -│ │ │ centered at bottom │ │ │ -│ │ └──────────────────────┘ │ │ -└─────────────────────────────────────────────────────────────────┘ -``` - -## Toolbar (Bottom, Floating) - -Three rows discovered at different y-positions. The main design toolbar is at y≈849. - -### Main Toolbar Row (y≈849) — Design Mode -| x | Tool | Flyout ▾ | Notes | -|-----|------------|----------|-------| -| 511 | Move | ▾ Move tools | Scale nested inside | -| 568 | Frame | ▾ Region tools | Section, Slice nested | -| 625 | Rectangle | ▾ Shape tools | Ellipse, Line, Star, Polygon, Arrow | -| 682 | Pen | ▾ Creation tools | Pencil nested | -| 739 | Text | — | | -| 779 | Comment | ▾ Comment tools | | -| 836 | Actions | — | AI/search menu (⚡) | - -### View Toolbar Row (y≈801) — DevMode/Inspect -| x | Tool | -|-----|------| -| 511 | Move | -| 551 | Copy colors | -| 591 | Measurement | -| 631 | Annotation | -| 671 | Comment | - -### Tool button specs -- Each button: 32×32px, class `toolbelt_button--topLevelButtonNew` -- Flyout chevrons: 16×32px, class `tool_group--flyoutChevron` -- Tool+chevron combined: 49×32px (32 icon + 16 chevron + 1px gap) -- All buttons are `