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>
This commit is contained in:
64
figma_to_html_agent/blocks/1171281203/flat.md
Normal file
64
figma_to_html_agent/blocks/1171281203/flat.md
Normal file
@@ -0,0 +1,64 @@
|
||||
# Frame 1171281203 — 실측 기록 (flat)
|
||||
|
||||
> 원본: 1924 × 2014 px (node 145:8266)
|
||||
> 패턴: compare-table-2col (2열 S/W 비교 표)
|
||||
> Scale: 1280 / 1924 = 0.66527
|
||||
|
||||
## 구조
|
||||
|
||||
```
|
||||
Frame 145:8266 (1924 × 2014)
|
||||
├── 145:8270 배경1 IMG (0, 0) 1924×737
|
||||
├── 145:8269 배경2 IMG (1, 489) 1923×1525
|
||||
│
|
||||
├── 145:8273 타이틀 (3.97, 48.98)
|
||||
│ ├── 145:8275 아이콘 IMG 50×50
|
||||
│ └── 145:8276 TEXT "Application S/W 의 구분" — mixed gradient
|
||||
│
|
||||
├── 열 헤더 (y=171~251)
|
||||
│ ├── 145:8277 bar (53.58, 171.43) 1003×79 — bg:#589e8d
|
||||
│ ├── 145:8278 bar (1056.68, 171.43) 803×79 — bg:#ef7a26
|
||||
│ ├── 145:8279 TEXT "구 분" center(155.65, 211.28) — 40px Bold white
|
||||
│ ├── 145:8280 TEXT "(Commercial) Package Program" center(657.33, 211.11)
|
||||
│ └── 145:8281 TEXT "(System) Solution S/W" center(1457.03, 211.11)
|
||||
│
|
||||
├── 행 배경 (교대 white/rgba(253,198,158,0.16))
|
||||
│ ├── 145:8271 (51.59, 535.84) rgba(253,198,158,0.16) — 고객+정의 영역
|
||||
│ └── 145:8272 (51.59, 1282.31) rgba(253,198,158,0.16) — 장점+단점 영역
|
||||
│
|
||||
├── 수평선 CSS: y=537.81, 910.06, 1282.31, 1579.14, 1948.45
|
||||
├── 수직선 CSS: x=257.74 (전체), x=1056.68 (전체)
|
||||
│
|
||||
├── 5개 행
|
||||
│ ├── 고객(분야) — 145:8287/8288/8289
|
||||
│ ├── 정의 — 145:8291/8292/8293
|
||||
│ ├── 특징 — 145:8295/8296/8297
|
||||
│ ├── 장점 — 145:8299/8300/8301
|
||||
│ └── 단점 — 145:8303/8304/8305
|
||||
```
|
||||
|
||||
## 에셋
|
||||
|
||||
| hash | 의미 |
|
||||
|------|------|
|
||||
| 855b9d71...png | 배경1 (상단) |
|
||||
| f808a8c7...png | 배경2 (하단) |
|
||||
| b0e9fad5...png | 아이콘 |
|
||||
| line SVG 5개 | 전부 CSS border |
|
||||
|
||||
## 색상
|
||||
|
||||
| 요소 | 값 |
|
||||
|------|------|
|
||||
| 헤더 좌 | #589e8d |
|
||||
| 헤더 우 | #ef7a26 |
|
||||
| 행 배경 교대 | white / rgba(253,198,158,0.16) |
|
||||
| 강조 키워드 | #a14101 Bold |
|
||||
| 본문 | black, 40px Medium |
|
||||
|
||||
## 변형 가능 축
|
||||
|
||||
- columns[2] (required)
|
||||
- rows[N=3~7] (required)
|
||||
- header_colors[2] (required)
|
||||
- bg_images[2] (optional)
|
||||
Reference in New Issue
Block a user