Files
kyeongmin 9fbe3ac90c add: figma_to_html_agent/blocks/ + 변환 도구 docs 갱신
전체 401 files (397 추가 + 4 수정), 14304 insertions.

추가:
- figma_to_html_agent/blocks/ — Figma 변환 결과 (32 frame, ~79MB).
  각 frame folder = {analysis.md, flat.md, texts.md, index.html, assets/,
  _renders/, _render.py, RELATIONSHIPS.md / STATUS.md / classification.md
  (일부 frame)}.
  Phase Z 의 *figma source layer* — runtime 에서 직접 사용 X, contract /
  partial / builder adapter (미래 axis A) 의 source.
- figma_to_html_agent/DISCUSSION-SUMMARY-20260411.md — 변환 설계 회의 기록.
- figma_to_html_agent/HARNESS.md — 변환 검증 harness.
- figma_to_html_agent/scripts/fetch_figma_screenshots.py — Figma 스크린샷 자동 수집.

수정:
- figma_to_html_agent/PROCESS-CONTROL.md / PROCESS.md / RULES.md —
  변환 프로세스 / 룰 갱신 (R8/R9 lock 강화 등).
- figma_to_html_agent/blocks_index.md — 32 frame 인덱스 갱신.

Phase Z 영향 0 (figma_to_html_agent/blocks/ 가 V4 catalog +
templates/phase_z2/families adapter 의 source — runtime 에서 직접 import X).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 09:41:05 +09:00

1.2 KiB

Frame 1171281202 — 분류: rewrite

근거

  1. 전체 absolute 배치 → R17 flex/flow 전환 필요
  2. 좌측 카테고리와 우측 번호 행이 모두 고정 좌표 → 텍스트 변경 시 깨짐
  3. 구조 변경 범위가 patch 수준 초과

변경 대상

  • Layout: absolute → flex row (좌/우 분할) + flex column (각 패널 내부)
  • 좌측 카테고리: absolute → flex column (cat-header + sw-list flow)
  • 우측 번호 행: 각각 absolute → flex row (badge + bar + text + arrow)
  • 장식 요소: 별도 div → content-area 내 absolute (flow 영향 없음)

변경하지 않는 것

  • 색상, gradient 값 (cat-bar, left-bg, right-bar)
  • 텍스트 내용
  • 에셋 이미지 (badge, arrow, icon)
  • zoom 값 (0.68706)

구조 결정 (HARNESS §4)

이 블록의 레이아웃은?
├── 좌우 분할 (좌:카테고리 / 우:번호 행)
│   → flex row
├── 좌측: 3 카테고리 순차 배치
│   → flex column (category 간 flow)
│   → 각 category: cat-header(relative) + sw-list(flow)
├── 우측: 5 번호 행 순차 배치
│   → flex column (gap: 57px)
│   → 각 row: flex row (badge + bar(text + arrow))
└── 장식: left-bg, mid-deco, mid-arrow → absolute