kyeongmin
9fbe3ac90c
전체 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>
4.5 KiB
4.5 KiB
Frame 1171281195 — 실측 기록 (flat)
원본: 1868 × 1908 px (node 106:252) 패턴: compare-vs-rows (BIM vs DX 비교 표) Scale: 1280 / 1868 = 0.68524
구조
Frame 106:252 (1868 × 1908)
├── 106:254 타이틀 (0, 0) 570×85
│ ├── 106:256 아이콘 IMG (0, 5.5) 50×50
│ └── 106:257 TEXT "BIM과 DX의 이해" (65, -8) 512×101 — 70px Bold gradient(#CC5200→#883700)
│
├── 106:307 서브헤더 바 (65, 103) 1803×75 — CSS gradient, border-radius:50px
├── 106:308 TEXT "BIM vs. DX" (331, 100) 1193×80 — 55px Bold white
│
├── 중앙 카테고리 뱃지 12개 (813, y) 242×h — CSS gradient, border-radius:10px
│ ├── 106:271 "BIM/DX" (813, 205) 242×83
│ ├── 106:273 "S/W" (813, 321) 242×138
│ ├── 106:275 "프로세스" (813, 492) 242×84
│ ├── 106:277 "성과물" (813, 609) 242×138
│ ├── 106:279 "활 용" (813, 780) 242×83
│ ├── 106:281 "확장성" (813, 896) 242×83
│ ├── 106:283 "수행개념" (813, 1012) 242×84
│ ├── 106:285 "CIVIL + IT" (813, 1129) 242×82
│ ├── 106:287 "주 체" (813, 1244) 242×83
│ ├── 106:289 "발주처" (813, 1360) 242×83
│ ├── 106:291 "설계사" (813, 1476) 242×84
│ └── 106:293 "시공사" (813, 1593) 242×140
│
├── BIM 측 텍스트 12개 (left:780, -translateX(100%) -translateY(50%))
│ ├── 106:258 center_y=243.5 "Only 3D" — 40px Bold #5c3714
│ ├── 106:259 center_y=385.5 "모델 제작용 상용 S/W..."
│ ├── 106:260 center_y=533.5 "기존 2D 설계방식 유지"
│ ├── 106:261 center_y=678 "3D 모델 중심 기존 성과품 유지"
│ ├── 106:262 center_y=822.5 "3D 모델에 의한 일반적 이해 향상"
│ ├── 106:263 center_y=942 "(설계/시공/운영) 분야별 단절"
│ ├── 106:264 center_y=1061.5 "단순화(오류) - 수동적/집단적 동질화"
│ ├── 106:265 center_y=1181.5 "소극적, 상용 기술에 의존"
│ ├── 106:266 center_y=1295 "S/W 제작사 판매 정책에 의존"
│ ├── 106:267 center_y=1409 "평준화, 국내 중심"
│ ├── 106:268 center_y=1524 "소규모 BIM팀 운영 + 단순교육에 집중"
│ └── 106:269 center_y=1662 "국내 토목 소극적/해외 토목증가"
│
├── DX 측 텍스트 12개 (left:1088, -translateY(50%))
│ ├── 106:295 center_y=239.5 "BIM << DX (ENG. + Management 포함)" — 40px Bold #285b4a
│ ├── 106:296 center_y=378.5 "제작 및 운영..."
│ ├── 106:297 center_y=527.5 "근본적 문제의식을 통한 개선"
│ ├── 106:298 center_y=670 "공학 정보 및 콘텐츠 연계에 집중..."
│ ├── 106:299 center_y=822 "설계/시공의 혁신(개념의 재정립)"
│ ├── 106:300 center_y=935.5 "전 생애주기 활용 시스템"
│ ├── 106:301 center_y=1054 "구체화(복잡) - 적극/구체적 실현 방안"
│ ├── 106:302 center_y=1170 "적극적, 주체적인 기술 접목/융합"
│ ├── 106:303 center_y=1283 "자체 수행능력 - 지속가능성 확보"
│ ├── 106:304 center_y=1399 "차별화 및 경쟁력 확보, 해외 진출"
│ ├── 106:305 center_y=1518 "IT + CIVIL ENG 220명 운영 + 기술 개발"
│ └── 106:306 center_y=1661.5 "분야 확장 모델 및 시스템"
│
├── 106:309 결론 박스 (427, 1738) 1214×170 — #FAEDCB multiply → CSS
├── 106:310 TEXT 결론 (446, 1730) — 50px/55px Bold black+#ae3607
└── 106:311 화살표 IMG — SVG path, rotate(180deg)
에셋
| hash | 의미 | CSS 변환 |
|---|---|---|
| b0e9fad5...png | 타이틀 아이콘 | 이미지 유지 |
| 7713e15d...svg | 결론 박스 (사각형 #FAEDCB multiply) | ✓ CSS |
| bf175527...svg | 화살표 (복잡 path) | 이미지 유지 |
색상
| 요소 | 값 |
|---|---|
| 타이틀 gradient | linear-gradient(#CC5200, #883700) |
| 서브헤더 바 | linear-gradient(270deg, rgb(40,91,74), rgba(40,91,74,0.8) 30%, rgba(74,64,38,0.8) 70%, rgb(74,64,38)) |
| 카테고리 뱃지 | linear-gradient(270deg, rgba(40,91,74,0.8), rgba(40,91,74,0.64) 30%, rgba(74,64,38,0.64) 70%, rgba(74,64,38,0.8)) |
| BIM 측 텍스트 | #5c3714 |
| DX 측 텍스트 | #285b4a |
| 결론 강조 | #ae3607 |
| 결론 배경 | #FAEDCB, mix-blend-mode: multiply |
변형 가능 축
- rows[N=8~15] (required) — 각 행: left_text + center_label + right_text
- title (required)
- conclusion (optional)
- arrow_decoration (optional)