본문으로 건너뛰기
Projects/Figma 퍼블리싱 파이프라인

Figma 퍼블리싱 파이프라인

프로젝트 제작기

Figma 퍼블리싱 파이프라인 12. publish vs publish-v4 비교 분석

fresh 모드 publish와 compare & patch 모드 publish-v4를 비교하며 실무 기본값을 v4로 전환한 이유를 정리했다.

Figma 퍼블리싱 파이프라인 11. Fresh Publish — diff를 버리고 처음부터

diff 비교의 한계를 직면하고, 기존 코드와 무관하게 선택 섹션을 항상 처음부터 구현하는 Fresh Publish 파이프라인을 설계한 과정

Figma 퍼블리싱 파이프라인 10. v6 → v7: IR 엔진과 인프라의 통합

v5의 정밀한 IR 비교 엔진과 v6의 세션 인프라를 통합하여 LLM Phase를 3개에서 1개로 줄인 v7 설계

Figma 퍼블리싱 파이프라인 09. v5 → v6: 세션, 스코프, 안정성

v5 파이프라인의 재시작 문제와 노이즈를 해결하기 위해 Scope Contract, 세션 기반 실행, 데이터 축소를 도입한 v6 개발 과정

Figma 퍼블리싱 파이프라인 08. v5: Phase 4→5 자동 연동

Figma 디자인 노드를 Code 파일로 자동 매칭하는 Phase 4→5 연동 구현. raw.json 기반 원본 노드명 추출과 --page-path 옵션으로 정확한 폴더 찾기

Figma 퍼블리싱 파이프라인 07. v5: LLM이 비교하지 않는 설계

비교 구간을 규칙 기반 Python 엔진으로 분리해 LLM 토큰 사용을 95% 줄인 Figma 퍼블리싱 파이프라인 v5 설계 기록

Figma 퍼블리싱 파이프라인 06. Pattern-Agnostic 설계 + 검증 자동화

v5의 패턴 하드코딩 문제를 해결하고 Figma vs Code 검증을 자동화했다. Python 스크립트 3개를 추가하고 Phase 5.5 LLM 구조 분석으로 패턴 판정 로직을 분리했다.

Figma 퍼블리싱 파이프라인 05. 실행 예시: 운영 관리 상세 - 제품 관리 탭

제품 관리 탭 재퍼블리싱을 --report 옵션으로 진행하며 Phase별 토큰 소비를 추적했던 실제 사례.

Figma 퍼블리싱 파이프라인 04. 일관성 해결과 아키텍처 재정의

같은 Figma 디자인인데 AI가 매번 다른 코드를 생성하는 문제를 JSON 매핑으로 해결했다. 동시에 파이프라인 전체 구조를 덜 하는 방향으로 재설계한 경험.

Figma 퍼블리싱 파이프라인 03. 병렬화 시도와 토큰 폭발 악몽

병렬 처리로 성능을 올리려다 66개 에이전트가 동시 실행되며 토큰이 폭발했다. 구조적 문제를 분석하고 87% 토큰 절감까지 가는 과정.